黑马程序员技术交流社区

标题: 【石家庄校区】学习笔记-Ajax [打印本页]

---

作者: htb52110    时间: 2017-12-15 22:26
标题: 【石家庄校区】学习笔记-Ajax


Ajax
1.Ajax
1.1Ajax的概念
Ajax:异步的JavaScript And Xml
使用老的技术，运用新的思想
同步和异步的区别：
1.2：Ajax的功能：
完成页面的局部刷新，不中断用户的体验。
2.XMLHttpRequest
2.1、属性：
readyState                        ：XMLHttpRequest的状态

onreadystatechange        :当XMLHttpRequest状态改变的时候触发一个函数
status                                ：获得响应的状态码。200、404、500。。。。
responseXML                        ：获得响应的文本数据
responseXML                        ：获得响应的XML的数据
2.2、方法：
open(请求的方式，路径，是否异步)        ：异步去想服务器发送请求
send（请求参数）                                        ：发送请求
setRequestHeader(头信息，头的值)        ：处理POST请求方式的中文问题
2.3、创建XMLHttpRequest对象
IE                ：将XMLHttpRequest对象对象封装在一个ActiveXObject.
Firefox        ：直接创建对象
3、Jquery的Ajax
3.1、Jquery的Ajax的部分方法：
Jquery的对象.load（路径，参数，回调函数）；
$.get（路径，参数，回调函数，数据类型）
$.post（路径，参数，回调函数，数据类型）
$.ajax（）
serialize（）；jq的Ajax传递参数

4、JSON
4.1、Json的概述

4.2、JSON的数据格式的介绍：
{“id”:1,”name”:aaa}
[{“id”:1,”name”:aaa},{“id”:2,”name”:bbb}]
{
    “city”:{“cid”:1,”cname”:”xxx”}
}
4.3、JSON的生成工具
4.3.1、JSONLIB 转换JSON数据:
* JSONArray     :将数组或List集合转成JSON.
* JSONObject    :将对象或Map集合转成JSON.

---

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

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