日期:2014-05-16  浏览次数:20682 次

ajax的基础应用

/**

???? 这是一段 javaScript ajax的一段基础应用实例

**/

//这段代码是 创建一个XMLHttpRequest对象

function initAjax(){//初始化,指定处理函数,发送请求的函数
?http_request=false;
?//开始初始化XMLHttpRequest对象
?if(window.XMLHttpRequest){//Mozilla浏览器
??http_request=new XMLHttpRequest();
??if(http_request.overrideMimeType){//设置MIME类别
???http_request.overrideMimeType("text/xml");
??}
?}
?else if(window.ActiveXObject){//IE浏览器
??try{
???http_request=new ActiveXObject("Msxml2.XMLHttp");
??}catch(e){
???try{
????http_request=new ActiveXobject("Microsoft.XMLHttp");
???}catch(e){}
??}
?}
?if(!http_request){//异常,创建对象实例失败
??window.alert("创建XMLHttp对象失败!");
??return false;
?}
?return http_request;

}

?

//---------------------------------------------------------------------------

?

function rightinfo()
{
?var url;

var qqAddress=./ajax/rr.jsp;//这是一个请求的路径可以是一个页面,也可以是一个 servlet
?var ajax = initAjax();
?url = encodeURI('qqAddress?r='+ Math.random());
?ajax.open('post',url,true);
?ajax.send(null);
?ajax.onreadystatechange = function()
?{
??
??if(ajax.readyState == 4)
??{
???
???document.getElementById('friendList').innerHTML = ajax.responseText;

????????? //这个地方写自己的方法

????????? //ajax.responseText?? 这是异步请求的 得到的一个结果对象

????????? alert("执行自己的代码");
???}
?}
}

?