jQuery與ajax

標籤：變數   empty   value   方式   bsp   attr   ext   jquery   jquery代碼   

$.get():使用get方式進行非同步請求

$.get(url,data/{"param1":"pamaram1value",},callback,type)

$.get()方法的callback只有兩個參數：

function(data,textStatus){

//data

//textStatus

}

data參數代表請求返回的內容，textStatus代表返回請求的狀態

返回xml文檔：當伺服器端返回的資料格式是xml文檔，因此需要對返回的資料進行處理，處理xml文檔和html文檔一樣，也可以使用常規的attri().find().fliter()以及其他方法，jQuery代碼如下：

$(function(){

$("selector").click(function(){

$.get("url",{

param1:$("#param1").val(),

param2:$("#param2").val()

},function(data,textStatus){

var para1=data.param1;

var para2=data.param2;

var txtHtml="<div class=‘para1‘>"+para1+"</div>"

},json);

})

})

$.getScript()和$.getJson()

$(function(){

$("selector").click(function(){

$.getScript(‘test.js‘)

})

})

 

$.getJSON(),用於載入json檔案

可以在函數中通過data變數來遍曆相應的資料，也可以使用迭代的方式為每個項構建相應的html代碼，雖然也可以用傳統的for迴圈來實現，jQuery提供了一個通用的遍曆方法$.each(),可以用於遍曆對象和數組，$.each()函數不同於jquery 對象的each() 方法，它是一個全域函數，不操作jquery對象，而是以第一個為對象的成員或數組的索引，第二個為對應變數或內容

$(function(){

$("selector").click(function(data){

$("selector").empty();

var html="";

$.each(data,function(commentIndex,comment){

html+=‘<div class="comment"><h6>‘+comment[‘username‘]+‘:</h6><p class=‘para‘>

})

})

})

 

jQuery與ajax