欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ajax请求的五个步骤

程序员文章站 2022-06-19 09:57:43
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)
        }
      }
    }