(一)ajax概念介绍、同步、异步、HTTP请求
一、ajax介绍
AJAX:asynchronous Javascript and xml(异步的Javascript和xml)
不是某种编程语言,是一种在无需重新加载整个页面的情况之下的能够更新部分网页的技术。
传统的网页(即不用ajax技术的网页)想要更新内容或者提交一个表单,就需要重新载入页面
使用了ajax技术的网页,通过在后台跟服务器进行少量的数据交换,网页就可以实现异步局部更新。
二、同步
三、异步
比如在输入完用户名后,就将用户名发给服务器(发送了一个请求),服务器进行处理响应,得到用户名重复了,会将响应结果发给页面,在这个过程中,你还是可以填写其他的表单内容,只是后端告诉客户端用户名重复,表现为在用户名的后面标记个字符串“该用户名不可用”,并没有重新刷新页面,一些个表单填写错误,都会实时的在客户端显示,进而使用户能够及时修改不合格的表单信息,在填写表单的过程中,不会造成等待。
四、为什么之前不用异步而不是同步呢?
异步是使用了对象xmlhttprequest对象。
五、使用
运用html和css实现页面,表达信息
运用xmlhttprequest和web服务器进行数据的异步交换
运用js操作dom,实现动态的局部刷新。
六、HTTP请求
HTTP:是计算机通过网络进行通信的规则。HTTP使得客户端能够向服务器端请求服务和信息。
是一种无状态的协议,即不建立持久的连接。
一个完整http请求过程,通常有以下7个步骤
- 建立tcp连接
- web浏览器向web服务器发送请求命令
- web浏览器发送请求头信息
- web服务器应答
- web服务器发送响应头信息
- web服务器向客户端发送数据
- web服务器关闭tcp连接
一个http请求包含四部分
- 列表内容http请求的方法或动作,比如get、post
- 正在请求的URL,总得知道请求的地址是什么吧
- 请求头,包含一些客户端环境信息,身份验证信息等
- 请求体,也就是请求的征文,请求正文中可以包含客户端提交的查询字符串信息,表单信息
七、get post请求
get请求:一般用于信息获取,使用URL传递参数,对所发送信息的数量有限制,一般是2000个字符。
post请求:一般用于修改服务器上的资源,对所发送信息的数量无限制
八、一个http响应
- 一个数字和温蒂组成的状态码,用来显示请求是成功还是失败的
- 响应头,响应头和请求头一样包含许多有用的信息比如服务器类型、日期时间、内容类型、长度等
- 响应体,也就是响应正文
状态码: - 1xx:信息类,表示收到web浏览器请求,正在进一步的处理中
- 2XX:成功,表示用户请求被正确接收,理解和处理,如200OK
- 3XX:重定向,表示请求没有成功,客户必须采取进一步的动作
- 4XX:客户端错误,表示客户端的请求有错误,比如404 NOT Found意味着请求中所引用的文档不存在
- 服务器错误,表示服务器不能完成对请求的处理,如500