注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

jiwenxu的博客

CODE

 
 
 

日志

 
 

ajax  

2006-11-01 11:33:38|  分类: js |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <title>getAndPostExample.html</title>
 
    <metahttp-equiv="keywords"content="keyword1,keyword2,keyword3">
    <metahttp-equiv="description" content="this is my page">
    <metahttp-equiv="content-type" content="text/html;charset=UTF-8">
   
   <!--<link rel="stylesheet" type="text/css"href="./styles.css">-->
    <scripttype="text/javascript">
    var xmlHttp;

  if (window.ActiveXObject&& !window.XMLHttpRequest)
  {
   window.XMLHttpRequest= function()
    {
     varmsxmls = newArray('Msxml2.XMLHTTP.5.0','Msxml2.XMLHTTP.4.0','Msxml2.XMLHTTP.3.0','Msxml2.XMLHTTP','Microsoft.XMLHTTP');
     for(var i = 0; i < msxmls.length; i++)
     {
      try
      {
       returnnew ActiveXObject(msxmls[i]);
      }
      catch(e)
      {
      }
     }
     returnnull;
    };
  }
  
  function createXmlHttp(){
    xmlHttp= new XMLHttpRequest();
  }
  
  functioncreateQueryString(){
   var firstName= document.getElementById("firstName").value;
   varmiddleName = document.getElementById("middleName").value;
   var birthday= document.getElementById("birthday").value;
   
   varqueryString = "firstName=" + firstName + "&middleName=" +middleName + "&birthday=" + birthday;
   
   returnqueryString;
  }
  
  functiondoRequestUsingGET(){
   createXmlHttp();
   varqueryString = "GetAndPostExample?";
   queryString =queryString + createQueryString() + "&timeStamp=" + newDate().getTime();
   xmlHttp.onreadystatechange=handleStateChange;
   xmlHttp.open("GET",queryString,true);
   xmlHttp.send(null);
  }
  
  functiondoRequestUsingPOST(){
   createXmlHttp();
   var url ="GetAndPostExample?timeStamp=" + new Date().getTime();
   varqueryString = createQueryString();
   
   xmlHttp.open("POST",url,true);
   xmlHttp.onreadystatechange=handleStateChange;
   xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
   xmlHttp.send(queryString);
   
   setTimeout("doRequestUsingPOST()",1000);
  }
  
  functionhandleStateChange(){
   if(xmlHttp.readyState== 4){
    if(xmlHttp.status== 200){
     parseResults();
    }
   }
  }
  
  function parseResults(){
   varresponseDiv = document.getElementById("serverResponse");
   if(responseDiv.hasChildNodes()){
    responseDiv.removeChild(responseDiv.childNodes[0]);
   }
   varresponseText = document.createTextNode(xmlHttp.responseText);
   responseDiv.appendChild(responseText);
  }
  
  setTimeout("doRequestUsingPOST()",1000);
   </script>

  </head>
 
  <body>
   <h1>enter your firstname,middlename andbirthday</h1>
   <table>
    <tbody>
     <tr><td>firstname:</td><td><inputtype="text" name="firstName"></td></tr>
     <tr><td>middlename:</td><td><inputtype="text" name="middleName"></td></tr>
     <tr><td>birthday:</td><td><inputtype="text" name="birthday"></td></tr>
    </tbody>
   </table>
    <formaciton="#">
    <input type="button" value="Send using GET"onClick="doRequestUsingGET();">
    <input type="button" value="Send using POST"onClick="doRequestUsingPOST();">
   </form>
   
   <h2>Server response:</h2>
    <divid="serverResponse"></div>
  </body>
</html>

  评论这张
 
阅读(30)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018