入门AJAX总结

前端之家收集整理的这篇文章主要介绍了入门AJAX总结前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

基础概念

1.全称Asynchronous JavaScript andXML,可以避免加载整个页面的情况下,更新部分网页数据。

2.ajax不是一门新的技术,是由XHtmlcssdomXMLHttpRequest对象,并由js将这些整合在一起的基于标准的技术。

3.ajax的核心对象是jsXMLHttpRequest对象

应用

创建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_403_189@@H_403_189@总结

@H_403_189@

这里主要简要认识了一下ajax是什么,有什么用,那些东西是常用的。简单来说,ajax提供了一种更为优雅的访问方式;提供更为友好的体验。最重要的还是xmlhttprequest对象的使用及常用的一些方法。后面还是需要一些更为实际的例子来多多验证。

猜你在找的Ajax相关文章