ajax数据获取

一.PC和服务器约定

    1.数据格式

    JSON:JavaScript Object Notation  轻量数据格式

    {

        "name":"张三",

        "age" : "20"

    }

    XML:可扩展标记语言

    

        小明

        30

    2.JSON与XML

    JSON优势:1)轻量级,体积小,节省流量,提高加载速度

            2) 数据解析,解析JSON速度快

            3) 使用key值,就可以访问,XML找标签

    JSON劣势: IE 7古老浏览器中,不支持原生解析JSON,需要引入第三方库

    XML优势:1)格式统一,符合标准

            2)容易和其他系统进行远程交互,数据共享比较方便

    XML劣势:1)文件庞大,格式复杂,传输占用带宽

            2)解析麻烦,

            3) 客户端不同的浏览器之间解析XML的方式不一样

            4) 解析XML 花费资源和时间都要多

    同样的内容,JSON的体积一般是XML的1/2-2/3之间

二.AJAX

    1.概念

    不是框架, 也不是库,就是一个技术

    AJAX = Asynchronous Javascript and XML

    (异步javascript和XML)

    异步和同步:

    同步:进程卡了, 在这儿等

    异步:进程卡了,做另一个

    AJAX一种无须重新加载网页, 就能够更新部分网页内容的技术, AJAX就是js通过一个网址加载数据,而这个过程,用户见不到.

    优势: 1)异步加载,无须切换页面

          2) 局部刷新,及时验证

          3) 节省流量

          4)js 控制数据加载

    2.get和post区别

GET- 从指定的资源请求数据(数据在 URL 中对所有人都是可见的)。

GET 请求可被缓存

GET 请求保留在浏览器历史记录中

GET 请求可被收藏为书签

GET 请求不应在处理敏感数据时使用

GET 请求有长度限制

GET 请求只应当用于取回数据

与 POST 相比，GET 的安全性较差，因为所发送的数据是 URL 的一部分。

在发送密码或其他敏感信息时绝不要使用 GET ！

POST- 向指定的资源提交要被处理的数据(数据不会显示在 URL 中).

POST 请求不会被缓存

POST 请求不会保留在浏览器历史记录中

POST 不能被收藏为书签

POST 请求对数据长度没有要求

POST 比 GET 更安全，因为参数不会被保存在浏览器历史或 web 服务器日志中。

解决跨域问题:

        dataType:'jsonp',

jsonpCallback:'handleResult',//jsonp回调参数:毁掉函数名

同步与异步:

async: true异步 false 同步

创建ajax过程:

(1)创建XMLHttpRequest对象,也就是创建一个异步调用对象.

(2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息.

(3)设置响应HTTP请求状态变化的函数.

(4)发送HTTP请求.

(5)获取异步调用返回的数据.

(6)使用JavaScript和DOM实现局部刷新.