首页 > 代码库 > jQuery与ajax

jQuery与ajax

$.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