js + cssjs + css 应用了解

ajax简介及应用

2018-03-23  本文已影响10人  zlf_j

1、什么是ajax:

       AJAX全称为“Asynchronous JavaScript and XML”

       AJAX = 异步 JavaScript 和 XML。

       使用XMLHttpRequest对象与Web服务器进行异步数据通信;

       使用JavaScript绑定和处理所有数据。

        AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。


2、ajax的原理:

            Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化,

            Ajax的原理简单来说通过XMLHttpRequest对象来向服务器发送异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面。


3、ajax的核心: 

         Ajax其核心由   JavaScript、XMLHTTPRequest、DOM对象    组成


4、ajax的优缺点:

优点:     1、无刷新更新数据。

                2、异步与服务器通信。

                3、前端和后端负载平衡

                4、界面与应用的分离

缺点:     1、无法后退

                2、AJAX的安全问题

                3、AJAX不能很好支持移动设备。


5、 对象:

         new XMLHttpRequest                                    //  是对于现代浏览使用的

         new ActiveXObject("Microsoft.XMLHTTP")    // 是对IE5\6这两个版本使用的


6、处理兼容可以采用:

        var xhr;

        if(window.XMLHttpRequest){

                   xhr=new XMLHttpRequest();

         }else if(window.ActiveXObject){

                   xhr=new ActiveXObject("Microsoft.XMLHTTP");

         }else{

                     alert("更换浏览器");

         }


7、方法:

xhr.open(method,url,async)与服务器进行连接

method:请求方式 get  post

url:请求服务器上文件的路径,

async: true(异步) false(同步)

send() 发送请求

如果是get方式,  参数放一个null

如果是post方式, 参数要放  请求的时候携带的数据


8、属性:

1、responseText 服务器返回的数据(字符串形式)

      responseXML 服务器返回的数据(XML格式)

2、onreadystatechange  当XMLHttpRequest的状态被改变时,会触发这个事件

3、readystate  这个参数表示的就是XMLHttpRequest的状态

      (0  1  2  3  4)

readyState== 0 //尚未加载

readyState== 1 //正在加载

readyState== 2 //加载完毕

readyState== 3 //正在处理

readyState== 4 //处理完毕

4、status 服务器的状态

      例如 200  404 


9、post 与 get 的区别

         1. POST是发送数据,GET是接受数据;

         2. POST发送数据的安全性较好,而GET较差;

         3. POST发送数据不限制大小,而GET大小受限2~100k。


10、写ajax的步骤:

           1,必须new 一个 XMLHttpRequest  这么个对象

           2,与服务器进行连接  open()

           3,发送请求      send()

           4,监听状态有无改变 onreadystatechange

            5,判断状态码

上一篇 下一篇

猜你喜欢

热点阅读