Ajax

Ajax的基本原理
Ajax其实是异步的JavaScript和XML,发送ajax请求到网站更新一般分为三步:发送请求、解析内容、渲染页面
发送请求:

var xmlhttp;
if (window.XMLHttpRequest) {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
} else {// code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
}
xmlhttp.open("POST","/ajax/",true);
xmlhttp.send();

这是JavaScript对ajax最底层的封装,open()send()方法向服务器发送请求,onreadystatechange属性设置监听,当接收到请求后会在次方法内解析内容,然后渲染页面

查看分析请求:
Ajax是一个特殊的请求类型,叫做xhr,同时使用F12查看具有ajax请求的站点,在Request Headers中可以找到X-Requested-With:XMLHttpRequest,这个就标识了该请求是ajax请求,preview可以看到返回的响应内容,若是json格式,chrome会自动解析,方便查阅

刚学习,不正确的地方请告诉一下我T_T

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • AJAX 原生js操作ajax 1.创建XMLHttpRequest对象 var xhr = new XMLHtt...
    碧玉含香阅读 3,274评论 0 7
  •   2005 年,Jesse James Garrett 发表了一篇在线文章,题为“Ajax: A new App...
    霜天晓阅读 902评论 0 1
  • AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 X...
    鹿守心畔光阅读 6,929评论 7 135
  • Ajax的基本概念及使用 同步&异步 同步:必须等待前面的任务完成,才能继续后面的任务; 异步:不受当前主要任务的...
    magic_pill阅读 1,974评论 0 5
  • 一、什么是Ajax? Ajax的技术的产生: Ajax被认为是(Asynchronous JavaScript a...
    聂叼叼阅读 367评论 0 1