读书人

简简单单说明原理-ajax

发布时间: 2012-12-20 09:53:21 作者: rapoo

简简单单说明原理------ajax

AJAX= Asynchronous(异步) JavaScript and XML


??? 一句话原理:


?????? 通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面。


关键词:

??? 1.XMLHttpRequest:是一种支持异步请求的技术,是ajax的核心机制。XMLHttpRequest通过javascript创建调用。

???? 2.Asynchronous(异步):异步传输是面向字符的传输,它的单位是字符;而同步传输是面向比特的传输,它的单位是桢,它传输的时候要求接受方和发送方的时钟是保持一致的。



ajax的优点:用户体验,加速响应能力,减轻服务器和网络资源负担。


ajax的缺点:即对浏览器后退机制的破坏。安全性,程序调试性等问题。

?

具体了解看

?

?http://hi.baidu.com/javalogo/blog/item/7844bf09be20889f0a7b821d.html

?

1 楼 accpchf 2011-04-27 记住这几句话,面试时候有用 2 楼 accpchf 2011-04-27 下面是一个比较标准的创建XMLHttpRequest对象的方法。
function CreateXmlHttp()
{
//非IE浏览器创建XmlHttpRequest对象
if(window.XmlHttpRequest)
{
xmlhttp=new XmlHttpRequest();
}
//IE浏览器创建XmlHttpRequest对象
if(window.ActiveXObject)
{
try
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
try{
xmlhttp=new ActiveXObject("msxml2.XMLHTTP");
}
catch(ex){}
}
}
}

function Ustbwuyi()
{
var data=document.getElementById("username").value;
CreateXmlHttp();
if(!xmlhttp)
{
alert("创建xmlhttp对象异常!");
return false;
}
xmlhttp.open("POST",url,false);
xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4)
{
document.getElementById("user1").innerHTML="数据正在加载...";
if(xmlhttp.status==200)
{
document.write(xmlhttp.responseText);
}
}
}
xmlhttp.send();

}

读书人网 >Ajax

热点推荐