Ajax

  • 什么是 Ajax? 如何创建一个Ajax?
  • AJAX(Asynchronous Javascript And XML) = 异步 JavaScript + XML 在后台与服务器进行异步数据交换,不用重载整个网页,实现局部刷新。

  • 创建 ajax 步骤:

    • 1.创建 XMLHttpRequest 对象
    • 2.创建一个新的 HTTP 请求,并指定该 HTTP 请求的类型、验证信息
    • 3.设置响应 HTTP 请求状态变化的回调函数
    • 4.发送 HTTP 请求
    • 5.获取异步调用返回的数据
    • 6.使用 JavaScript 和 DOM 实现局部刷新
var xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function () {
    if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 304)) {
        fn.call(this, xhr.responseText);
    }
};
xhr.send(data);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • AJAX 原生js操作ajax 1.创建XMLHttpRequest对象 var xhr = new XMLHtt...
    碧玉含香阅读 8,607评论 0 7
  • 转载地址:http://www.cnblogs.com/mingmingruyuedlut/archive/201...
    matianhe阅读 5,569评论 0 129
  • 1、什么是AJAX,为什么要使用Ajax(请谈一下你对Ajax的认识)什么是ajax:AJAX是“Asynchro...
    风之伤_3eed阅读 3,471评论 0 8
  • 要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤: (1)创建XMLHttpRequest对象,也就...
    亲爱的翔子阅读 3,385评论 0 0
  • Ajax的基本概念及使用 同步&异步 同步:必须等待前面的任务完成,才能继续后面的任务; 异步:不受当前主要任务的...
    magic_pill阅读 5,947评论 0 5