簡介

最近在進(jìn)行網(wǎng)站開發(fā)，遇到了Ajax網(wǎng)絡(luò)請求，記錄一下相關(guān)筆記，主要是對于GET、POST請求的相關(guān)知識點(diǎn)。

jQuery Ajax網(wǎng)絡(luò)請求

• Ajax在前端開發(fā)中經(jīng)常運(yùn)用到一般分為：HTTP 請求：GET POST
• 兩種在客戶端和服務(wù)器端進(jìn)行請求-響應(yīng)的常用方法是：GET 和 POST。
• GET - 從指定的資源請求數(shù)據(jù)
• POST - 向指定的資源提交要處理的數(shù)據(jù)
• GET 基本上用于從服務(wù)器獲得（取回）數(shù)據(jù)。注釋：GET 方法可能返回緩存數(shù)據(jù)。
• POST 也可用于從服務(wù)器獲取數(shù)據(jù)。不過，POST 方法不會緩存數(shù)據(jù)，并且常用于連同 請求一起發(fā)送數(shù)據(jù)。

進(jìn)入代碼分析

實(shí)例如下：GET

 $.ajax({
      type: "GET",//GET類型
      url: USER_INFO,//http url如==>USER_INFO:  http://127.0.0.1/user/info
      header: {//請求頭
           contentType: "application/json;charset=UTF-8"
      },
      dataType: "json",//返回的數(shù)據(jù)類型
      success: function (data) {
                //返回成功
      },
      error: function (data) {
          //返回失敗
      }
 });

實(shí)例如下：POST

$.ajax({
     type: "POST",//GET類型
     url: USER_LOGIN,//http url
     header: {//請求頭
          contentType: "application/json;charset=UTF-8"
     },
     data: { //發(fā)送數(shù)據(jù)
          'username': username,
          'password': pass
     },
     dataType: "json",//返回的數(shù)據(jù)類型
     success: function (data) {
          //返回成功
     },
     error: function (data) {
                //返回失敗
     }
 });

總結(jié)

這是我們在前端開發(fā)中常遇到的兩種請求方式，給我們大大減少了許多代碼。

在當(dāng)今前端火熱的情況下，引生出了許多框架如：Vue.js、Angular.js、Node.js等等，這些都需要我們?nèi)ヌ骄俊?/p>

對于前端的知識點(diǎn)，不斷的學(xué)習(xí)和更新，一起加油吧。