JUERY $ajax js

一：两种juery和js的方法：@H_502_1@

1.juery：@H_502_1@

1.导入juery包，@H_502_1@

2.结构：@H_502_1@

1.$.ajax({})@H_502_1@

2.在ajax里{}传入对象，@H_502_1@

3. a. 类：type:@H_502_1@

b. url: 写的是servlet的地址@H_502_1@

c. async:true.(异步请求)@H_502_1@

d. data{@H_502_1@

"name":name1;@H_502_1@

对象的属性@H_502_1@

} 传值。@H_502_1@

e. success:function(res){ }@H_502_1@

res是从服务器返回给前段的数据，@H_502_1@

获取：通过 Json.parse(res)@H_502_1@

var results= eval('('+res+')');@H_502_1@

@H_502_1@

遍历：@H_502_1@

&.each( results.res,function(i,item)){@H_502_1@

}@H_502_1@

results.res代表传来的数据，通过res键获取，function（i,item）遍历，i代表下标， item代表每一项，在通过item.key获取对应的值。@H_502_1@

注意：导包。 res是服务器返回来的结果。@H_502_1@

2.1步骤。$.ajax({@H_502_1@

type:"get";@H_502_1@

async:true;@H_502_1@

success:function(res){@H_502_1@

解析数据，@H_502_1@

var result= JSON.parse(res)@H_502_1@

取数据，便利@H_502_1@

$.eac h(result.res,items){@H_502_1@

根据key,取值。@H_502_1@

}@H_502_1@

})@H_502_1@

二.js@H_502_1@

结构：@H_502_1@

1.获取XMLHttpRequest()对象；@H_502_1@

2.连接服务器。open（“请求t方式post或get”，“url,对应的Servlet 数据”,“异步请求true”）;@H_502_1@

3.如果是post请求，则需要导入头部，@H_502_1@

4.封装要传输的数据，var date1=“key=”+value+"&key="+value;@H_502_1@

5.发送数据。send（date1）@H_502_1@

6.当状态改变时从服务器获取值。@H_502_1@

req.onreadystatechange = function() {@H_502_1@

判断req.readystatue==4&&req.statue==200@H_502_1@

0代表打开，1表示open,2.表示send()发送.4.代表结束@H_502_1@

解析数据，取数据，@H_502_1@

Json.parse()或者eval( '('+')');@H_502_1@

@H_502_1@

}@H_502_1@

步骤：@H_502_1@

1. var req=new xmlhttpRequesy;@H_502_1@

2.req.open();@H_502_1@

3.req.send();@H_502_1@

3.req.onreadystatechange=function(){@H_502_1@

if(req.statu==200&&req.readystatechange==4){@H_502_1@

req.resposondText;@H_502_1@

解析数据，取数据@H_502_1@

var arry= Json.parse()或者eval( '('+')');@H_502_1@

for(int i=0;i<arry.lenth;i++){@H_502_1@

arry[i].key@H_502_1@

}@H_502_1@

@H_502_1@

JUERY $ajax js

猜你在找的Ajax相关文章