ajax实现原理

网页应用能够快速地将增量更新呈现在用户界面上,而不需要重载(刷新)整个页面。这使得程序能够更快地回应用户的操作

Ajax的实现原理

  1. 创建Ajax对象

  2. 传入请求方式和请求地址

  3. 发送请求

  4. 获取服务器与客户端的响应数据 xhr.responseText

    // 1. 创建Ajax对象
    var xhr = new XMLHttpRequest()
    // 2. 传入请求方式和请求地址
    xhr.open('get', 'http://127.0.0.1:3000/getData')
    // 3. 发送请求
    xhr.send()
    // 4. 获取服务器与客户端的响应数据
    xhr.onload = function () {
      console.log(xhr.responseText)
    }

你可能感兴趣的:(JS高级,ajax,前端,javascript)