Ajax全接触的学习记录

Ajax

一、ajax介绍
Asynchronous JavaScript and XML（异步的JavaScript和XML）
是一种在无需加载整个网页的情况之下能够更新部分网页的技术。

读音：A zhai ke si 不是 阿贾克斯

Ajax带来了网页的异步。

二、介绍http
http：计算机通过网路进行通信的协议
http请求：
1、建立TCP连接
2、Web浏览器向Web服务器发送请求命令
3、Web浏览器发送请求头信息
4、Web服务器应答
5、Web服务器发送应答头信息
6、Web服务器向浏览器发送数据
7、Web浏览器关闭TCP连接

http请求一般包含四部分：
1、方法：
GET一般用于查询，使用URl传递参数；
POST一般用于修改，内容嵌入到请求体中。
2、URL（地址）、
3、请求头、
4、请求体

http相应一般包含三部分：
1、状态码：用来显示请求成功还是失败
2、响应头：包含例如服务器类型、日期时间、内容类型和长度啥的
3、响应体：响应的正文

注：http状态码：

三、运用XMLHttpRequest对象
1、创建
new XMLHttpRequest();
2、发送方法：
open(method.uel,async)
senf(string):GET可以不填写string，但POST一般都要写些东西
3、取得响应
responseText ：获得字符串形式的响应数据
responseXML ：获得XML形式的响应数据
status和statusText ：以数字和文本形式返回HTTP状态码
getAllResponseHeader() ：获取所有的响应报头
getResponseHeader() ：查询响应中的某个字段的值

注：readyState属性

XMLHttpRequest使用：

四、Ajax的简单例子
1、PHP端服务器：监听GET和POST，返回信息或更改信息。
PS：用fiddler这个软件在前台没有建立起来的情况下通过http（GET和POST）检测后台的程序。
2、前台程序的建立：
a、html代码布局出来。包含input、button、label等
b、script部分代码进行http的GET网络请求与刷新。
c、F12进行观察发送与接收http的信息。

五、json

语法规则：
名称/值对 例：”name”:”hello”

json解析：
eval和JSON.parse
var json obj = eval( ‘(‘ + jsondata + ‘)’ );
var json obj = JSON.parse( ‘(‘ + jsondata + ‘)’ );
PS：json在线校验工具 jsonlint.com

六、ajax第三方的封装：
jQuery中的ajax使用

七、跨域请求
javascript出于安全方面的考虑，不允许跨域调用其他页面的对象。a.com域名下的js无法操作b.com域名下的对象。
1、后台服务器做代理
2、jsonp

一般只支持GET请求，不支持POSt请求

3、