基础概念@H_301_6@
1.全称Asynchronous JavaScript andXML,可以避免加载整个页面的情况下,更新部分网页数据。
2.ajax不是一门新的技术,是由XHtml、css、dom、XMLHttpRequest对象,并由js将这些整合在一起的基于标准的技术。
3.ajax的核心对象是js的XMLHttpRequest对象
应用@H_301_6@
创建XMLHttpRequest对象
Var xmlhttp =null; if(window.XMLHttpRequest) { //IE7+,Firefox,Chrome,Opera,Safari xmlhttp=newXMLHttpRequest(); } else { //在IE 5 和 IE 6 中,必须使用特定于 IE 的 ActiveXObject()构造函数 xmlhttp=newActiveXObject("Microsoft.XMLHTTP"); }
另一种为了适应ie5.5一下浏览器内核创建xmlhttprequest对象的方式,这种相对好点,但是还是没有做到最好。
functionGetXmlHttpObject() { varxmlHttp=null; try{ //Firefox,Opera 8.0+,Safari xmlHttp=newXMLHttpRequest(); } catch(e) { //Internet Explorer try{ xmlHttp=newActiveXObject("Msxml2.XMLHTTP"); } catch(e) { xmlHttp=newActiveXObject("Microsoft.XMLHTTP"); } } returnxmlHttp; }
常用方法
Send
send()方法具体向服务器发送请求。如果请求声明为异步的,这个方法就会立即返回,否则它会等待,知道接收到响应为止。
open
open(method,url,async,username,password)
前三个是必选的,分别为向服务器发送数据的方式get或者post,一般使用的get方式相对简单快捷;虽然post方式相对可靠。
async是一个布尔值,标识该调用时异步还是同步的,默认情况是true就是异步。那什么是异步呢,就是我一边发送请求,一边就可以同时返回数据。这样简单理解一下吧!
属性
这xmlhttprequest对象还有一个常用的只读属性
readyState
标示了过程调用中的一些状态
总结@H_301_6@
这里主要简要认识了一下ajax是什么,有什么用,那些东西是常用的。简单来说,ajax提供了一种更为优雅的访问方式;提供更为友好的体验。最重要的还是xmlhttprequest对象的使用及常用的一些方法。后面还是需要一些更为实际的例子来多多验证。