志在指尖
用双手敲打未来

ajax(ajax请求的五个步骤)

ajax

Ajax代表“异步Javascript和XML”(异步JavaScript和XML)。它指的是一种Web开发技术,该技术可以创建交互式,快速和动态的Web应用程序,这些应用程序可以更新某些网页而无需重新加载整个网页。
通过在后台与服务器交换少量数据,Ajax可以使网页异步更新。这意味着可以在不重新加载整个网页的情况下更新网页的某些部分。ajax

ajax请求的五个步骤

创建XMLHttpRequest异步对象
varxhr=newXMLHttpRequest()
设置回调函数
xhr.onreadystatechange=callback
使用open方法与服务器建立连接
//get方式
xhr.open("get","test.php",true)
//post方式发送数据需要设置请求头
xhr.open("post","test.php",true)
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded")ajax请求
向服务器发送数据
//get不需要传递参数
xhr.send(null)
//post需要传递参数
xhr.send("name=jay&age=18")
在回调函数中针对不同的响应状态进行处理
functioncallback(){
//判断异步对象的状态
if(xhr.readyState==4){
//判断交互是否成功
if(xhr.status==200){
//获取服务器响应的数据
varres=xhr.responseText
//解析数据
res=JSON.parse(res)
}
}
}

未经允许不得转载:IT技术网站 » ajax(ajax请求的五个步骤)
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

志在指尖 用双手敲打未来

登录/注册IT技术大全

热门IT技术

C#基础入门   SQL server数据库   系统SEO学习教程   WordPress小技巧   WordPress插件   脚本与源码下载