首页 > 代码库 > 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