你的位置:首页 > 软件开发 > Java > ajax的来龙去脉

ajax的来龙去脉

发布时间:2016-10-12 10:00:05
这是我在博客园写的第一遍博客,之前都是只看不写,在园子里学到了不少的东西,现在也想着把自己的一些感悟写出来给大家分享一下。  ajax技术可以说是Web2.0应用程序的技术基础,尽管软件经销商和开源社区提供很多ajax的框架,但是我们仍然有必要理解ajax实现的来龙去脉。  首先 ...

ajax的来龙去脉

  这是我在博客园写的第一遍博客,之前都是只看不写,在园子里学到了不少的东西,现在也想着把自己的一些感悟写出来给大家分享一下。

  ajax技术可以说是Web2.0应用程序的技术基础,尽管软件经销商和开源社区提供很多ajax的框架,但是我们仍然有必要理解ajax实现的来龙去脉。

  首先要说的是HTTP请求,因为ajax是基于HTTP请求的,所以说ajax就必须要从HTTP请求说起。我们知道我们上网的过程就是浏览器和服务器进行文件传输的过程,而他们之间之所以能够进行传输文件肯定是遵守了一定的规范,而HTTP规范就是浏览器和服务器进行文件传输的规范之一。

  HTTP(Hyper Text Transfer Protocol)超文本传输协议,它对浏览器向服务器的请求和服务器对浏览器的响应都进行了规范,所以HTTP主要包括请求和响应两部分。请求主要包括请求行,请求头和请求主体三部分。

ajax的来龙去脉

这里需要注意的是,用get请求方式请求的时候请求的内容是拼接在URL后面的,而用post请求的时候,请求的内容是放在请求主体里面。还有就是用post请求方式进行请求的时候请求头里要设置Content-Type这个属性而用get请求的时候则不需要。

相对应的服务器向浏览器的响应包括了相应行,响应头和响应主体三部分

ajax的来龙去脉

  说完了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 (#换成@)。