前端之ajax

ajax:阿加客思，前端后端交互

异步javascript和xml

两种键值对的数据格式:xml和json：webxml和聚合数据

xml html变形

xml:用户自定义的文档标签

       <book>

                       <author>三牧</author>

                       <name>哈哈哈</name>

                       <publish-time>2018-09-26</publish-time>

         <book>

属性不用加括号:text和text()

json:字典

                   {'ahuthor':'三牧‘，'name':'哈哈哈'，'publish-time':'2018-09-26'}

ajax的有点:

1、异步

2、局部刷新

 

xhr=new XMLHttpRequest()

xhr.open('GET','http://www.xxx',true)/*只能用true表示异步*/

xhr.send();

xhr.onreadystatechange=functiion(){

         if(xhr.status==200 &&xhr.readyState=4){

                                                       document.getElementById('txt').innerText=xhr.responseText

}

}

 

javascript原生ajax

非ie对象：XMLHttpRequest

步骤：

1、定义xhr=new XMLHttpRequest

2、xhr发出open方法，open参数：第一个方式GET，第二个地址，第三个true

3、发送xhr send方法

4、监测xhr的变化:noreadystatechange=function(){}

函数里 status==200

readyStatus=4

以上条件都满足，ajax成功

在属性

 

一般不用原生ajax，无法完成跨域获取数据

jquery ajax

jsonp

百度官网下载jquery(经过压缩，括号空格和都删列，所以跟平常的javascript文档不同)-------直接复制到文件jquery.js