ajax请求的五个步骤

ajax请求的五个步骤,第1张

五个步骤为:

第一步:创建异步对象

第二步:设置 请求行 open(请求方式,请求url):

第三步:设置请求(GET方式忽略此步骤)头:setRequestHeader()

第四步:设置请求体 send()

第五步:让异步对象接收服务器的响应数据

一个成功的响应有两个条件:

服务器成功响应了 。

异步对象的响应状态为4(数据解析完毕可以使用了)。

AJAX的意思就是异步的JavaScript和XML。简而言之,它是使用XMLHttpRequest对象与服务器端通信的脚本语言。它可以发送及接收各种格式的信息,包括JSON、XML、HTML和文本文件。AJAX最为吸引人的就是它的“异步”特性,AJAX可以无需刷新页面而与服务器端进行通信。

Ajax请求的五个步骤:

1、建立xmlHttpRequest对象

if(window.XMLHttpRequest) {

xmlHttp = new XMLHttpRequest()

if(xmlHttp.overrideMimeType) {

xmlHttp.overrideMimeType("text/xml")

}

} else if(window.ActiveXobject) {

var activeName = ["MSXML2.XMLHTTP", "Microsoft.XMLHTTP"]

for(var i = 0i <activeName.lengthi++) {

try {

xmlHttp = new ActiveXobject(activeName[i])

break

} catch(e) {}

}

}

if(!xmlHttp) {

alert("创建xmlhttprequest对象失败")

} else {}

2、设置回调函数

xmlHttp.onreadystatechange= callback

function callback(){}

3、使用OPEN方法与服务器建立连接  xmlHttp.open("get","ajax?name="+ name,true)

此步注意设置http的请求方式(post/get),如果是POST方式,注意设置请求头信息xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded")

4、向服务器端发送数据

xmlHttp.send(null);如果是POST方式就不为空

5、在回调函数中针对不同的响应状态进行处理

if(xmlHttp.readyState == 4){       //判断交互是否成功

if(xmlHttp.status == 200){         //获取服务器返回的数据         //获取纯文本数据

var responseText =xmlHttp.responseText

document.getElementById("info").innerHTML = responseText

}

}

扩展资料:

Ajax优缺点

优点:

1、异步请求,不妨碍用户浏览页面或者其他操作。

2、局部刷新,无需重新刷新页面。

3、界面与应用分离。有利于分工合作、减少非技术人员对页面的修改造成的WEB应用程序错误、提高效率、也更加适用于现在的发布系统。

4、基于标准被广泛支持。

5、前端和后端负载平衡。最大程度的减少冗余请求和响应对服务器造成的负担,提升站点性能。

缺点:

1、back和History,对浏览器机制的破坏。

2、安全问题。易受到黑客攻击。

3、对搜索引擎支持较弱。

4、不能很好支持移动设备。

5、违背URL和资源定位的初衷。

当程序需要为某个客户端的请求创建一个session的时候,服务器首先检查这个客户端的请求里是否已包含了一个session标识 - 称为 session id,如果已包含一个session id则说明以前已经为此客户端创建过session,服务器就按照session id把这个 session检索出来使用(如果检索不到,可能会新建一个),如果客户端请求不包含session id,则为此客户端创建一个session并且生成一个与此session相关联的session id,session id的值应该是一个既不会重复,又不容易被找到规律以仿造的字符串,这个 session id将被在本次响应中返回给客户端保存。 当一开始和服务器会话,服务器就会为你产生一个session


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/580896.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-07-06
下一篇2023-07-06

发表评论

登录后才能评论

评论列表(0条)

    保存