Ajax不是一种新的编程语言，而是使用现有标准的新方法。AJAX可以在不重新加载整个页面的情况下，与服务器交换数据。这种异步交互的方式，使用户单击后，不必刷新页面也能获取新数据。 [b]XMLHttpRequest对象 [/b] Ajax的核心是XMLHttpRequest对象(XHR)。XHR为向服务器发送请求和解析服务器响应提供了接口。能够以异步方式从服务器获取新数据。 在浏览器中创建对象(只支持IE7及更高的版本)： [b]XHR的用法 [/b] 首先要介绍的是open()方法。它接收3个参数： •要发送的请求的类型(POST、GET等) •请求的URL •表示是否异步发送请求的布尔值 [b]调用open()示例： [/b] xhr.open("get", "index.jsp", false); 针对index.jsp的GET请求。URL相对于执行代码的当前页面；调用open()方法并不会真正发送请求，只是启动一个请求以备发送。 [b]调用send()发送请求： [/b] xhr.send(null); send()接收一个参数，即要作为请求主体发送的数据。如果不需要通过请求主体发送数据，则必须传入null。 相应数据会填充到XHR对象的相关属性： •responseText:作为响应主体被返回的文本 •responseXML:作为响应的内容类型是“text/xml”或“application/xml” •status:响应的HTTP状态 •statusText:HTTP状态的说明 在接收响应后，首先检查status属性，确定响应已经返回，一般200作为成功的标志。状态码304表示资源没有修改，可以直接使用浏览器中缓存的版本。 为了接收到合适的响应，应该以如下方式检测两种状态码： 通过检测readyState属性，可以确定请求/响应过程的当前活动阶段。 •0：未初始化。未调用open()方法 •1：启动。已经调用open()方法，未调用send()方法 •2：发送。已经调用send()方法，未接收到响应 •3：接收。已经接收到部分数据 •4：完成。已经接收到全部数据，可以在客户端使用 readyState属性的值发生变化时，都会触发一次readystatechange事件。在调用open()之前指定onreadystatechange事件处理程序才能确保浏览器兼容性。 在接收响应之前，可以取消异步请求： xhr.abort(); HTTP头部信息 XHR对象提供了操作请求头部和响应头部信息的方法。 默认情况下，在发送XHR请求的同时，还会发送下列头部信息。 •Accept:浏览器能够处理的内容类型 •Accept-Charset:浏览器能够显示的字符集 •Accept-Encoding:浏览器能够处理的压缩编码 •Accept-Language:浏览器当前设置的语言 •Connection:浏览器与服务器之间连接的类型 •Cookie:当前页面设置的任何Cookie •Host:发出请求的页面所在的域 •Referer:发出请求的页面的URL •User-Aent:浏览器的用户代理字符串 使用setRequestHeader()可以设置自定义的请求头部信息。必须在调用open()方法之后，且在调用send()之前，调用 setRequestHeader()： 调用getResponseHeader()并传入字段名称，可以取得相应的响应头部信息。getAllResponseHeader()取得包含所有头部信息的长字符串。 [b]GET请求[/b] GET用于向服务器查询某些信息。可以将查询字符串参数追加到URL的末尾，查询字符串中的每个参数的名称和值都必须使用encodeURIComponent()编码： [b]POST请求 [/b] POST请求用于向服务器发送应该被保存的数据。POST请求的主体可以包含非常多的数据，而且格式不限。 初始化请求： 以上所述是小编给大家介绍的JavaScript中Ajax的深入理解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对编程素材网网站的支持！