黑马程序员技术交流社区

标题: [石家庄校区]AJAX [打印本页]

---

作者: Black_Y    时间: 2018-5-27 16:33
标题: [石家庄校区]AJAX

AJAX

###上节课内容回顾
商品信息的分页:
MYSQL分页:limit关键字: limit a,b; --a:从哪开始 b:查询多少条记录. limit 10
###AJAX的编写步骤:
```
什么是AJAX:
AJAX:异步的 JavaScript And XML.
     使用的是老的技术,用的是新的思想.
    了解同步和异步的区别:
参考图一:
    AJAX的功能:完成页面的局部刷新,不中断用户的体验.
早期的时候JS技术根本不受重视.后台开发人员经常将JS当成一种玩具式语言.JS中有一个对象XMLHttpRequest对象可以向服务器异步发送请求.传统的B/S结构的软件,所有实现功能都需要在服务器端编写代码(胖服务器).现在有了AJAX以后,可以将部分代码写到客户端浏览器(RIA:Rich Internet Application).FLEX:AS脚本编程.
XML:使用XML做为数据传递的格式: JSON
```

```
AJAX的编写的步骤:
步骤一:创建一个一部对象
步骤二:设置对象状态改变触发一个函数.
步骤三:设置向后台提交的路径
步骤四:发送请求

GET方式提交请求:

POST方式提交请求:


【JQuery的AJAX】
JQuery的AJAX部分方法:
* Jq的对象.load(路径,参数,回调函数);
* $.get(路径,参数,回调函数,数据类型);
* $.post(路径,参数,回调函数,数据类型);
* $.ajax();
* serialize(); -- JQ的AJAX传递参数的时候需要使用的方法.


```


##XMLHttpRequest
```
属性:
readyState : XMLHttpRequest的状态
0(未初始化):对象已建立,但是尚未初始化(尚未调用open方法)
1(初始化):对象已建立,尚未调用send方法
2(发送数据):send方法以调用,但是当前的状态及http头未知
3(数据传送中):已接收部分数据,因为响应及htt头不全,这时通过responseBody和responseEext获取部分数据会出现错误
4(完成):数据接收完毕,此时可以通过responseBody和responseText获取完整的回应数据

onreadystatechange : 当XMLHttpRequest状态改变的时候触发一个函数.

status : 获得响应的状态码.200,404,500...

responseText : 获得响应的文本数据

responseXML : 获得响应的XML的数据

```
```
方法:
open

send

setRequestHeader(头信息,头的值):用来处理post请求方式的中文问题.

```
```
创建XMLHttpREsquest对象:

IE:将XMLHttpRequest对象封装在一个AxtiveXObject中.

Firefox:直接可以创建XMLHttpRequest对象.

```

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2