这是我在博客园写的第一遍博客,之前都是只看不写,在园子里学到了不少的东西,现在也想着把自己的一些感悟写出来给大家分享一下。 ajax技术可以说是Web2.0应用程序的技术基础,尽管软件经销商和开源社区提供很多ajax的框架,但是我们仍然有必要理解ajax实现的来龙去脉。 首先 ...
这是我在博客园写的第一遍博客,之前都是只看不写,在园子里学到了不少的东西,现在也想着把自己的一些感悟写出来给大家分享一下。
ajax技术可以说是Web2.0应用程序的技术基础,尽管软件经销商和开源社区提供很多ajax的框架,但是我们仍然有必要理解ajax实现的来龙去脉。
首先要说的是HTTP请求,因为ajax是基于HTTP请求的,所以说ajax就必须要从HTTP请求说起。我们知道我们上网的过程就是浏览器和服务器进行文件传输的过程,而他们之间之所以能够进行传输文件肯定是遵守了一定的规范,而HTTP规范就是浏览器和服务器进行文件传输的规范之一。
HTTP(Hyper Text Transfer Protocol)超文本传输协议,它对浏览器向服务器的请求和服务器对浏览器的响应都进行了规范,所以HTTP主要包括请求和响应两部分。请求主要包括请求行,请求头和请求主体三部分。
这里需要注意的是,用get请求方式请求的时候请求的内容是拼接在URL后面的,而用post请求的时候,请求的内容是放在请求主体里面。还有就是用post请求方式进行请求的时候请求头里要设置Content-Type这个属性而用get请求的时候则不需要。
相对应的服务器向浏览器的响应包括了相应行,响应头和响应主体三部分
说完了HTTP请求,我们就可以来说一下Ajax技术了,ajax不是一种新的语言而是对现有技术的综合利用。本质是在HTTP协议的基础上以异步的方式与服务器进行通讯。而ajax就是Asynchronous JavaScript And
下面我们就结合实际代码来体会一下,ajax怎么实现与后代的数据相互的
=====get===== //设置请求行 xhr.open('get','02.php?name=zhang&age=18'); //设置请求头 //get 不用设置 //post必须设置 //设置请求主体 //如果是get null post要把请求的内容放在里面 xhr.send(null); =====post==== //设置请求行 xhr.open('post'); //设置请求头 //get 不用设置 //post必须设置 xhr.setRequestHeader('Content-Type','application/x-www-form- urlencoded'); //设置请求主体 //如果是get null post要把请求的内容放在里面 xhr.send('02.php?name=zhang&age=18');
表格1.
ReadyState取值 | 描述 |
0 | 描述一种"未初始化"状态;此时,已经创建一个 |
1 | 描述一种"发送"状态;此时,代码已经调用了 |
2 | 描述一种"发送"状态;此时,已经通过send()方法把一个请求发送到服务器端,但是还没有收到一个响应。 |
3 | 描述一种"正在接收"状态;此时,已经接收到HTTP响应头部信息,但是消息体部分还没有完全接收结束。 |
4 | 描述一种"已加载"状态;此时,响应已经被完全接收。 |
原标题:ajax的来龙去脉
关键词:ajax
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。