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

  • 相关阅读:
    第三次作业——吉林市两日游规格说明书
    第三次作业——四则运算试题生成
    第三次作业——单元测试
    第三次作业——效能分析
    第三次作业——代码规范
    第三次作业——功能测试
    第二周程序作业
    第二周例行报告
    每周例行报告(10.8-10.14)
    每周例行报告(9.18-10.7)
  • 原文地址:https://www.cnblogs.com/windy2008/p/1842141.html
Copyright © 2011-2022 走看看