当前位置: 移动技术网 > IT编程>开发语言>JavaScript > ajax请求的五个步骤

ajax请求的五个步骤

2019年07月23日  | 移动技术网IT编程  | 我要评论
1. 创建XMLHttpRequest异步对象 2. 设置回调函数 3. 使用open方法与服务器建立连接 4. 向服务器发送数据 5. 在回调函数中针对不同的响应状态进行处理 ...
  1. 创建xmlhttprequest异步对象

    var xhr = new xmlhttprequest()
  2. 设置回调函数

    xhr.onreadystatechange = callback
  3. 使用open方法与服务器建立连接

    // get 方式
    xhr.open("get", "test.php", true)
    
    // post 方式发送数据 需要设置请求头
    xhr.open("post", "test.php", true)
    xhr.setrequestheader("content-type", "application/x-www-form-urlencoded")
  4. 向服务器发送数据

    // get 不需要传递参数
    xhr.send(null)
    
    // post 需要传递参数
    xhr.send("name=jay&age=18")
  5. 在回调函数中针对不同的响应状态进行处理

    function callback() {
      // 判断异步对象的状态
      if(xhr.readystate == 4) {
        // 判断交互是否成功
        if(xhr.status == 200) {
          // 获取服务器响应的数据
          var res = xhr.responsetext
          // 解析数据
          res = json.parse(res)
        }
      }
    }

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网