ajax

星空物语2016

于 2018-07-02 22:26:15 发布

阅读量86

点赞数

分类专栏： web 文章标签： ajax

本文链接：https://blog.csdn.net/u011301372/article/details/80890818

版权

web 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

ajax（Asynchronous Javascript And XML）异步JavaScript和XML

异步JavaScript和XML（标准通用标记语言的子集）
Ajax 是一种用于创建快速动态网页的技术
使用ajax目的是为了提高用户的感受
基于标准的表示技术，使用XHTML和CSS
动态显示和交互技术，使用Document Object Model
数据交互和操作技术，使用XML和XSTL
异步数据获取技术，使用XMLHttpRequest
而JavaScript将以上都结合在一起

异步

异步操作的核心：XMLHttpRequest对象

传统web交互模型，浏览器直接将请求发送给服务器，服务器回送响应，直接发给浏览器
Ajax交互模型，浏览器首先将请求，发送Ajax引擎（以XMLHttpRequest为核心），Ajax引擎再将请求发送给服务器，服务器回送响应先发给Ajax引擎
同步交互模式，客户端提交请求，等待，在响应回到客户端前，客户端无法进行其他操作
异步交互模式，客户端将请求提交给Ajax引擎，客户端可以继续操作，由Ajax引擎来完成与服务器端通信，当响应回来后，Ajax引擎会更新客户页面，在客户端提交请求后，用户可以继续操作，而无需等待。
Coogle:suggest建议，邮件定时保存，map地图

ajax开发步骤

ajax核心就是XMLHttpRequest对象
得到XMLHttpRequest对象（jsd对象）
注册一个回调函数

xmlhttp.onreadystatechange=function(){};
open

用于设置请求方式，以及url，他不发送请求。
send

它是用于发送请求的
send(null);null代表没有参数如果有参数可以写成：“username=tom&password=123”

<head>
<script type="text/javascript">
//得到一个XMLHttpRequest对象
    var  xmlhttp=null;
    if(window.XMLHttpRequest)
    {
        xmlhttp = new XMLHttpRequest();//针对于现在的浏览器包括IE7以上版本
    }else if(window.ActiveXobject)
    {
    //针对于IE5，IE6版本
        xmlhttp = new ActiveXObkect("Microsoft.XMLHTTP");
    }
    //设置回调函数
    xmlhttp.onreadystatechange=function(){


    };
    //open
    xmlhttp.open("GET","heep://localhost/day23/ajax1",);
    //发送请求send
    xmlhttp.send(null);
</script>
</head>
<body>


</body>