六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 35|回复: 0

ajax的基础应用

[复制链接]

升级  30%

3

主题

3

主题

3

主题

童生

Rank: 1

积分
15
 楼主| 发表于 2013-1-29 11:26:10 | 显示全部楼层 |阅读模式
/**
     这是一段 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("执行自己的代码");
   }
 }
}
 
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表