程序博客网 > linux 查看显存

Ajax异步交互，post和get提交的区别

来源：互联网发布：linux 查看显存编辑：程序博客网时间：2024/05/11 13:34

<script type="text/javascript">
  var xmlHttp;
  /*创建异步对象，根据浏览器区别创建*/
  function createXmlHttpRequest(){
   if(window.ActiveObject){
    xmlHttp=new ActiveObject("Microsoft.XMLHttp");
   }else if(window.XMLHttpRequest){
    xmlHttp=new XMLHttpRequest();
   }
  }

  //readyState:请求的状态,4为数据接收成功
  //服务器返回的http请求响应值，200表示请求成功
  //对返回的数据进行decodeURI解码
  function handleStateChange(){
   if(xmlHttp.readyState==4&&xmlHttp.status==200){
    var responseDiv=document.getElementById("serverResponse");
    responseDiv.innerHTML=decodeURI(xmlHttp.responseText);
   }
  }

  //对发送的参数进行两次encodeURI编码
  function createQueryString(){
   var firstName=document.getElementById("firstName").value;
   var birthday=document.getElementById("birthday").value;
   var queryStr="firstName="+firstName+"&birthday="+birthday;
   return encodeURI(encodeURI(queryStr));
  }
  //get请求的方法，请求的url后面带参数，sendd(null)方法中传null值。
  function doRequestUsingGET(){
   createXmlHttpRequest();
   var queryString="test.jsp?";
   queryString+=createQueryString()+"&timestamp="+new Date().getTime();
   xmlHttp.onreadystatechange=handleStateChange;
   alert(queryString);
   xmlHttp.open("GET",queryString);
   xmlHttp.send(null);
  }
  //post请求的方法，参数传在send方法中
  function doRequestUsingPOST(){
   createXmlHttpRequest();
   var url="test.jsp?timestamp="+new Date().getTime();
   var queryString=createQueryString();
   xmlHttp.open("post",url);
   xmlHttp.onreadystatechange=handleStateChange;
   xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
   xmlHttp.send(queryString);
  }
</script>

</head>

<body>
<h2>请输入姓名和生日</h2>
  <form action="">
   <input type="text" id="firstName" /><br/>
   <input type="text" id="birthday" />
  </form>
  <form action="">
   <input type="button" value="GET" onclick="doRequestUsingGET()" /><br/>
   <input type="button" value="POST" onclick="doRequestUsingPOST()"/>
  </form>
  <div id="serverResponse"></div>
</body>

服务器段的代码如下：

<%
if(request.getMethod().equals("POST")){
response.getWriter().write("post方式提交"+request.getParameter("firstName"));
}else if(request.getMethod().equals("GET")){
response.getWriter().write("get方式提交"+request.getParameter("firstName"));
}
%>

linux 查看显存

linux 查看显存

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子女生穿皮裤中间凹进去图片初中女孩游泳衣现沟凹图片凹印机凹印刮墨刀凹印油墨二手凹印机凹印塑料凹印油墨凹印机长招聘刹车盘凹槽猪凹槽大便凹槽大便有凹槽凹槽行书凹槽凹槽字帖体温计凹槽凹槽螺丝刀牙根有凹槽雨刷7字凹槽凹槽练字牙齿凹槽缝隙变黑大牙凹槽很深发黑怎么办大牙凹槽很深发黑图片刹车盘有凹槽 6根全部凹槽孔明锁解法图大便有凹槽不必担心胸骨中间凹槽按压疼痛孔明锁6根全凹槽拼装步骤图凹槽字帖对练字有用吗冰箱门凹槽清洗小妙招指甲有横凹槽图片手表后盖6个凹槽拆开妙招工地洗车台凹槽做法图屁股尾骨凹槽按着疼窗户凹槽清理小窍门凹槽字帖对成年人有用吗凹槽练字板套装儿童练字帖凹槽字帖凹槽字帖楷书凹槽练字帖好吗