zoukankan      html  css  js  c++  java
  • 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等

        。。。
       }
      }

    出处: http://www.cnblogs.com/windy2008

  • 相关阅读:
    安卓自带浏览器 position:fixed时 图片模糊问题
    建在ghost的blog
    javascript活动对象
    将json对象通过控制台保存到本地文件
    从用户体验出发的性能指标分析-DOM Ready(转)
    像诗一样的 Javascript 代码(转)
    给数组原型对象添加一个去重的方法,并返回去重后的数组
    如何避免FOUC(转)
    使用JS调用腾讯接口获取天气
    CSS好文推荐
  • 原文地址:https://www.cnblogs.com/windy2008/p/1842141.html
Copyright © 2011-2022 走看看