1. 程式人生 > >Jquery請求資料的方式

Jquery請求資料的方式

/*$.ajax常用的幾個引數

// 1.url:要求為String型別的引數,(預設為當前頁地址)傳送請求的地址。

// 2.type:要求為String型別的引數,請求方式(post或get)預設為get。注意其他http請求方法,例如put和delete也可以使用,但僅部分瀏覽器支援。

// 3.timeout:要求為Number型別的引數,設定請求超時時間(毫秒)。此設定將覆蓋$.ajaxSetup()方法的全域性設定。

// 4.async:要求為Boolean型別的引數,預設設定為true,所有請求均為非同步請求。如果需要傳送同步請求,請將此選項設定為false。注意,同步請求將鎖住瀏覽器,使用者其他操作必須等待請求完成才可以執行。

// 5.cache:要求為Boolean型別的引數,預設為true(當dataType為script時,預設為false),設定為false將不會從瀏覽器快取中載入請求資訊。

// 6.data:要求為Object或String型別的引數,傳送到伺服器的資料。如果已經不是字串,將自動轉換為字串格式。get請求中將附加在url後。防止這種自動轉換,可以檢視  processData選項。物件必須為key/value格式,例如{foo1:"bar1",foo2:"bar2"}轉換為&foo1=bar1&foo2=bar2。如果是陣列,JQuery將自動為不同值對應同一個名稱。例如{foo:["bar1","bar2"]}轉換為&foo=bar1&foo=bar2。

// 7.dataType:要求為String型別的引數,預期伺服器返回的資料型別。如果不指定,JQuery將自動根據http包mime資訊返回responseXML或responseText,並作為回撥函式引數傳遞。可用的型別如下:
// xml:返回XML文件,可用JQuery處理。
// html:返回純文字HTML資訊;包含的script標籤會在插入DOM時執行。
// script:返回純文字JavaScript程式碼。不會自動快取結果。除非設定了cache引數。注意在遠端請求時(不在同一個域下),所有post請求都將轉為get請求。
// json:返回JSON資料。
// jsonp:JSONP格式。使用SONP形式呼叫函式時,例如myurl?callback=?,JQuery將自動替換後一個“?”為正確的函式名,以執行回撥函式。
// text:返回純文字字串。

// 8.complete:要求為Function型別的引數,請求完成後呼叫的回撥函式(請求成功或失敗時均呼叫)。引數:XMLHttpRequest物件和一個描述成功請求型別的字串。

// 9.success:要求為Function型別的引數,請求成功後呼叫的回撥函式,有兩個引數。
// (1)由伺服器返回,並根據dataType引數進行處理後的資料。
// (2)描述狀態的字串。
// function(data, textStatus){
// //data可能是xmlDoc、jsonObj、html、text等等
// this; //呼叫本次ajax請求時傳遞的options引數
// }

// 10.error: 要求為Function型別的引數,請求失敗時被呼叫的函式。該函式有3個引數,即XMLHttpRequest物件、錯誤資訊、捕獲的錯誤物件(可選)。ajax事件函式如下:

// 11.contentType:要求為String型別的引數,當傳送資訊至伺服器時,內容編碼型別預設為"application/x-www-form-urlencoded"。該預設值適合大多數應用場合。

// 12.jsonp:要求為String型別的引數,在一個jsonp請求中重寫回調函式的名字。該值用來替代在"callback=?"這種GET或POST請求中URL引數裡的"callback"部分,例如{jsonp:'onJsonPLoad'}會導致將"onJsonPLoad=?"傳給伺服器。
*/

引數型別

 

// 1、$.ajax()方法
$.ajax({
type: "post",
dataType: "json",//
url: './doc.json',
data: param,
success: function (data) {
console.log("這是請求成功的");
},
error:function (err) {
console.log("這是請求失敗的");
}
});


// 2、$.get()方式,簡單的 GET 請求功能以取代複雜 $.ajax
$.get("./doc.json", param, function(data){//param為引數---鍵值對方式
console.log("這是請求成功的");
});

// 3、$.post()方式,簡單的 POST 請求功能以取代複雜 $.ajax
$.post("./doc.json", param, function(data){//param為引數---鍵值對方式
console.log("這是請求成功的");
});


//$.get和$.post都是簡單的 GET/POST 請求功能以取代複雜 $.ajax 。請求成功時可呼叫回撥函式。如果需要在出錯時執行函式,請使用 $.ajax

 

// 4、$.getJSON()方式,請求載入 JSON 資料。
$.getJSON("http://baidu/doc.aspx?name=admin&password=123456&phone=123456&jsoncallback=?",
function(data){
$.each(data.items, function(i,item){
//渲染資料區域
});
});

 

轉載來源於:https://www.cnblogs.com/nelsonlei/p/9377250.html