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

标签：变量   empty   value   方式   bsp   attr   ext   jquery   jquery代码   

原文地址：http://www.cnblogs.com/ypcute/p/6198514.html