JUERY $ajax js

一：两种juery和js的方法：

1.juery：

1.导入juery包，

<script src="js/jquery-2.2.4.min.js" type="text/javascript"></script>

2.结构：

1.$.ajax({})

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

3. a. 类：type:

b. url: 写的是servlet的地址

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

d. data{

"name":name1;

对象的属性

} 传值。

e. success:function(res){ }

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

获取：通过 Json.parse(res)

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

遍历：

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

}

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

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

2.1步骤。$.ajax({

type:"get";

async:true;

success:function(res){

解析数据，

var result= JSON.parse(res)

取数据，便利

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

根据key,取值。

}

}

})

二.js

结构：

1.获取XMLHttpRequest()对象；

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

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

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

5.发送数据。send（date1）

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

req.onreadystatechange = function() {

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

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

解析数据，取数据，

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

}

步骤：

1. var req=new xmlhttpRequesy;

2.req.open();

3.req.send();

3.req.onreadystatechange=function(){

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

req.resposondText;

解析数据，取数据

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

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

arry[i].key

}

}

}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!