美文网首页
ajax总结

ajax总结

作者: 马建阳 | 来源:发表于2018-02-24 16:42 被阅读7次

实现一个ajax:

var xhr = new XMLHttpRequest()
xhr.open('GET', 'http://api.fdsfas.com/weather.php', true)
xhr.onreadystatechange = function(){
    if(xhr.readyState === 4) {
        if((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304){
            //成功了
            console.log(xhr.responseText)
        } else {
            console.log('服务器异常')
            console.error(xhr.statusText);
        }
    }
}
xhr.onerror = function(){
    console.log('服务器异常')
    console.error(xhr.statusText)
}
xhr.send()

readyState

XMLHttpRequest.readyState 属性返回一个 XMLHttpRequest 代理当前所处的状态。一个 XHR 代理总是处于下列状态中的一个:

值 状态 描述
0 未初始化 尚未调用 open() 方法。
1 启动 已经调用open() 方法,但未调用send()方法。
2 发送 已经被调用send() 方法,但未接收到响应。
3 接受 已经接收到部分响应数据。
4 完成 已经接受到全部响应数据,可以再客户端使用。

补充:xhr.abort()取消异步数据

相关文章

  • AJAX总结链接

    AJAX总结链接

  • Ajax总结

    今天封装了一个简单的ajax。所以顺便总结一下。 #######ajax概念 ajax:Asynchronous ...

  • Ajax使用专题

    参考:ajax总结 原生Ajax level 1 XMLHTTPRequest 属性,方法和事件 XMLHTTPR...

  • ajax小结

    在开发过程中ajax是必须的,对近期在ajax的使用上的心得进行总结。 一、关于ajax AJAX = Async...

  • ajax总结

    实现一个ajax: readyState XMLHttpRequest.readyState 属性返回一个 XML...

  • ajax总结

    18.3.23·AJAX概念简述、内部实现原理 ·常用方法:load()、$.get()、$.post()、$.g...

  • AJAX总结

    1.什么是ajax,为什么要使用ajax?ajax是“Asynchronous JavaScript and XM...

  • AJAX总结

    最近学习使用AJAX来获取后台数据,通过使用AJAX我们可以实现页面无刷新自动获取最新数据,是一种非常实用的创建快...

  • ajax总结

    ajax是js中与后端交互的方法 在我们练习的时候,需要先将电脑变成一台服务器,使用node或者nginx。后期我...

  • ajax总结

    1. Ajax 1.1 原生JavaScript封装Ajax 1.2 jquery ajax 及其 快捷方法 $....

网友评论

      本文标题:ajax总结

      本文链接:https://www.haomeiwen.com/subject/vpxcxftx.html