ajax请求的五个步骤
程序员文章站
2022-06-19 09:57:43
1. 创建XMLHttpRequest异步对象 2. 设置回调函数 3. 使用open方法与服务器建立连接 4. 向服务器发送数据 5. 在回调函数中针对不同的响应状态进行处理 ......
-
创建xmlhttprequest异步对象
var xhr = new xmlhttprequest()
-
设置回调函数
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")
-
向服务器发送数据
// get 不需要传递参数 xhr.send(null) // post 需要传递参数 xhr.send("name=jay&age=18")
-
在回调函数中针对不同的响应状态进行处理
function callback() { // 判断异步对象的状态 if(xhr.readystate == 4) { // 判断交互是否成功 if(xhr.status == 200) { // 获取服务器响应的数据 var res = xhr.responsetext // 解析数据 res = json.parse(res) } } }
上一篇: DNS服务器可能不可用的解决方法
下一篇: 数组排序