异步javaScript和XML
后台与服务器进行数据交换且不重新加载页面,具体需要3个方面
1,运用HTML和CSS来实现页面,表达信息;
2,运用XMLHttpReques和web服务器进行数据的异步交换;
3,运用JavaScript操作DOM,实现动态局部刷新;
//实例化XML对象
var request;
if (window.XMLHttpRequest) {
request = new XMLHttpRequest();//IE7+,firefox,chrome,opera,safari...
} else {
request = new ActiveXObject('Microsoft.XMLHTTP');//IE6,IE5
}
http是计算机通过网络进行通信的规则,是一种无状态协议
HTTP请求七个步骤:
1,建立TCP连接
2,Web浏览器向Web服务器发送请求命令
3,Web浏览器发送请求头信息
4,Web服务器应答
5,Web服务器发送应答头信息
6,Web服务器向浏览器发送数据
7,Web服务器关闭TCP连接
HTTP请求四部分:
1,HTTP请求的方法或动作,比如是GET还是POST请求
2,正在请求的URL,请求的地址是什么
3,请求头,包含一些客户端环境信息,身份验证信息等
4,请求体,请求正文包含客户提交的查询字符串信息,表单信息
GET(查询)一般用于信息获取,使用URL传递参数,对所发送信息的数量也有限制,一般在2000个字符
POST(发送表单数据)一般用于修改服务器上的资源,对所发送信息的数量无限制
HTTP响应一般由三部分组成:
1、状态码:数字和文字组成,显示请求是成功还是失败
2、响应头:同请求头类似,描述对象为服务器端,包含许多有用的信息,例如服务器类型,日期时间,内容类型和长度
3、响应体:响应正文内容
HTTP状态码由3位数字构成,首位数字定义了状态码的类型
1XX:信息类,表示收到Web浏览器请求,正在进一步的处理中
2XX:成功,表示用户请求被正确接受,理解和处理
3XX:重定向,表示请求没有成功,客户必须采取进一步的动作
4XX:客户端错误,表示客户端提交的请求有错误
5XX :服务器错误,表示服务器不能完成对请求的处理
XMLHttpRequest 发送请求
1,open(method,url,async) 请求方法一般用大写; 请求的地址;请求是同步(flase)还是异步(true,默认值)。
2,将请求发送到服务器:send(string)。
XMLHttpRequest取得响应:
1,requestText:获得字符串形式的相应数据;
2,requestXML:获得XML形式的相应数据;
3,status和statusText:以数字和文本形式返回HTTP状态码;
4,getAllResponseHeader():获取所有的响应报头;
5,getResponseHeader():查询响应中的某个字段的值。
根据readyState这个属性判断:
0:请求未初始化,open还没有调用;
1:服务器连接已建立,open已经调用了;
2:请求已接收,也就是接收到头信息了;
3:请求处理中,也就是接收到响应主体了;
4:请求已完成,且响应已就绪,也就是响应完成了。
1.PHP 简介:是一种创建动态交互性站点的服务器端脚本语言。
2.PHP的作用:
能够生成动态页面内容;
能够创建、打开、读取、写入、删除以及关闭服务器上的文件;
能够接收表单数据;
能够发送并取回cookies;
能够添加、删除、修改数据库中的数据;
能够限制用户访问网站中的某些页面
…
运行PHP
XAMMP,https://www.apachefriends.org/download.html
在Dreamweaver中配置web服务器用于本地测试
JSON的基本概念
1,JSON是一种存储和交换文本信息的语法而已,便于阅读和编写。
2,JSON可以使用js内建的方法直接进行解析,转换成js对象
JSON数据的书写格式:名称/值对 名称写前面(在双引号中),值对写在后面(同样是在双引号中),中间用冒号隔开。例子:“name”:“郭静”。
处理跨域方式:
1,代理
2,JSONP
3,XHR2