XMLHttpRequest对象使用示例

下面是常用的XMLHttpRequest对象的ajax代码:
 前台Javascript调用: 
 var xmlHttp;   //用于保存XMLHttpRequest对象的全局变量
  //用于创建XMLHttpRequest对象
  function createXmlHttp()
  {
   //根据window.XMLHttpRequest对象是否存在使用不同的创建方式
   if (window.ActiveXObject)
   {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器支持的创建方式

   } else if(window.XMLHttpRequest)
   {
       xmlHttp = new XMLHttpRequest();//FireFox、Opera等浏览器支持的创建方式
      }    
  }
  function useAjax(){
   createXmlHttp();   //创建XMLHttpRequest对象
   var city=document.getElementById("ddlCity").value;
   var postbody="ddlCity="+city;
   
   xmlHttp.open("GET", "Process.aspx?"+postbody, true);         //发送GET请求
   xmlHttp.onreadystatechange = submitPostCallBack;     //设置回调函数
   //设置post请求体类型 ,下面的两行代码只需在post时需要写的,get时不需要写
   //xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
   //xmlHttp.setRequestHeader("Content-Length",postbody.length);
   xmlHttp.send(null);            
  }
  //获取查询选项的回调函数
  function submitPostCallBack()
  {
   var obj;//接收responseText
   if (xmlHttp.readyState == 4)
   {
       obj=xmlHttp.responseText;
       document.getElementById("selcom").innerHTML=obj; 

   //处理返回的值   json等

    。。。
   }
  }

转载于:https://www.cnblogs.com/windy2008/archive/2010/10/04/1842141.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值