AJAX原理

69 阅读1分钟

XMLHttpRequest对象用于与服务器交互。通过XMLHttpRequest可以在不刷新页面的情况下请求特定URL,获取数据。这允许网页在不影响用户操作的情况下,更新页面的局部内容。XMLHttpRequest在AJAX编程中被大量使用。AJAX并不等于axios,axios内部采用XMLHttpRequest与服务器交互

使用XMLHttpRequest:1:创建XMLHttpRequest对象。2.配置请求方法和请求url地址。3.监听loadend事件,接收响应结果 4.发起请求

const xhr = new XMLHttpRequest()
xhr.open('请求方法','请求url网址')
xhr.addEventListener('loadend', () => {
    //响应结果
    console.log(xhr.response)
})
xhr.send()

Promise:用于表示一个异步操作的最终完成(或失败)及其结果值。好处:逻辑更清晰。2:了解axios函数内部运作机制。3:能解决回调函数地狱问题

const p = new Promise(resolve,reject) => {
})
p.then(result =>{
}).catch(error =>{
})

Promise的三种状态:它的作用就是了解Promise对象如何关联的处理函数,以及代码执行顺序。 待定:pending:初始状态,即没有被兑现,也没有被拒绝。已兑现:意味着操作成功完成。已拒绝:就是失败了