什么是Ajax

Ajax:全称 "Asynchronous javaScript and XML",译为 " 异步 javaScript 和 XML",程序员们习惯称之为 "阿贾克斯", 它并不是一种技术,而是多种技术的综合体,其中包括 javaScript、XML、JSON、DOM、CSS、HTML 以及最重要的 XMLHttpRequest 对象。通过Ajax 可以异步从服务器请求数据并将数据更新到网页中,整个过程不需要重载(刷新)整个网页,可以将网页的内容更快的呈现给用户。

Ajax的工作原理 

1.javaScript 需要使用浏览器内置的 XMLHttpRequest 对象向服务器发送HTTP请求,并接受服务器响应的数据。

2.目前,所有的浏览器(Chrome、firefox、IE7 及以上版本、Safari、Opera等)都支持XHLhttpRequest 对象。所以兼容性非常好。

5个步骤

第一步 创建XMLHttpRequest

​
var xhr=new XMLHttpRequest()

​

第二步 规定请求的类型、URL、以及是否异步处理请求:

xhr.open("GET",url)

第三步 发送请求:

 xhr.send()

第四步 监听状态变化 :onreadystatechange

第五步 接受服务器响应数据

xhr.onreadystatechange = function () {
    if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 304)){
        Console.log(xhr.response)
    }
}}

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐