Ajax中与服务器的通信【发送请求与处理响应】

2021-05-16 19:27

阅读:420

标签:通过   响应   技术   http状态码   服务器端   src   sync   time   check   

一、发送请求

Ajax中通过XMLHttpRequest对象发送异步方式的后台请求时。通常有两种方式的请求,一种是GET请求,另一种是POST请求。发送请求一般要经过4个步骤分别是:

(1)初始化XMLHttpRequest对象

(2)为XMLHt指定一个返回结果的回调函数,用于返回结果的处理

(3)创建一个与服务器的连接。指定发送的请求是GET还是POST且是否采用异步方式发送请求

(4)向服务器发送请求。

 

技术分享技术分享
 1 
查看代码

小技巧:在建立与服务器的连接时,指定open(“method”,“url” ,async)中的url参数时,最好将一个时间戳追加到该url参数后面,这样可以防止因浏览器缓存结果而不能实时得到最新的结果。例如:可以这样指定url参数:String url="deal.jsp?nocache="+new Date().getTime();

 

二、处理服务器的响应

在处理服务器响应时需要通过XMLHttpRequest对象的onreadystatechange属性指定一个回调函数,用来处理服务器响应。在这个回调函数中,首先需要判断服务器的请求状态,保证请求已经完成;然后根据服务器的HTTP状态码,判断服务器对请求响应是否成功,如果成功,则获取服务器的响应反馈给客户。

XMLHttpRequest中提供了两种访问服务器响应的属性:一个是responseText属性,返回字符串响应;另一个是responseXML属性,返回XML响应。

(1)处理字符串响应

例如:

1 function getResult(){
2     if(http_request.readyState == 4){    //判断请求状态
3         if(http_request.status == 200){    //请求成功,开始处理返回结果
4             alert(http_request.responseText);    //显示判断结果
5         }else{
6             alert("请求的页面有错误!");
7         }
8     }
9 }

(2)处理XML响应

如果在服务器端需要生成特别负责的响应,则就要应用XML响应。

例:保存图书信息到XML文档中,并且使用回调函数将XML中的信息读取出来。

①XML中的图书信息,代码如下:

 1 xml version="1.0" encoding="UTF-8"?>
 2 mr>
 3     books>
 4         book>
 5             title>Java Web程序开发title>
 6             publisher>人民邮电出版社publisher>
 7         book>
 8         book>
 9             title>Java从入门到精通title>
10             publisher>人民邮电出版社publisher>
11         book>
12     books>
13 mr>

②在回调函数中遍历保存图书信息的XML文档,并将其显示到页面中,代码如下:

 1 22 

 

Ajax中与服务器的通信【发送请求与处理响应】

标签:通过   响应   技术   http状态码   服务器端   src   sync   time   check   

原文地址:http://www.cnblogs.com/lihuibin/p/7746636.html


评论


亲,登录后才可以留言!