• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

基于ajax异步请求的实现_jquery

jquery 搞代码 7年前 (2018-06-12) 164次浏览 已收录 0个评论

<script>  
  //设一个变量  
  var XMLHttpReq=false;
   //创建一个XMLHttpRequest对象
   function createXMLHttpRequest(){
     if(window.XMLHttpRequest){ //Mozilla
      XMLHttpReq=new XMLHttpRequest();
      }
      else if(window.ActiveXObject){
       try{
        XMLHttpReq=new ActiveXObject(“Msxml2.XMLHTTP”);
        }catch(e){
         try{
          XMLHttpReq=new ActiveXObject(“Microsoft.XMLHTTP”);
          }catch(e){}
          }
         }
        }
   //发送请求函数
   function send(url){
    createXMLHttpRequest();
    XMLHttpReq.open(“GET”,url,true);
    XMLHttpReq.onreadystatechange=proce;   //指定响应的函数
    XMLHttpReq.send(null);  //发送请求
    }
   function proce(){
    if(XMLHttpReq.readyState==4){ //对象状态
     if(XMLHttpReq.status==200){//信息已成功返回,开始处理信息
     var res=XMLHttpReq.responseText;
    document.getElementById(“info”).innerhtml = res;
     //window.alert(res);
     }else{
      window.alert(“所请求的页面有异常”);
      }
      }
      }
   //身份验证
   function check(){
    //var name=document.getElementById(“name”).value;
    var   province=document.getElementById(“state”);  
   var   pindex   =   province.selectedIndex;  
   var   pValue   =   province.options[pindex].value;  
   //var   pText     =   province.options[pindex].text;  
     if(pValue==””){
      alert(“请输入姓名”);
      return false;
      }
      else{
       send(‘model.cfm?event=’+pValue);
       }
      }
      
   </script>
  </head>
 
  <body>
   <table>
      <form action=”login” method=”post”>
       <tr><td>姓名: <input id=”name” type=”text” name=”name1″/><p>
          <input type=”button” value=”检测!” />
       </td>
   <td align=”left”>
     <select id=”state” name=”state” >
      <option value=”866″>Virginia</option>
      <option value=”867″>Georgia</option>
      <option value=”865″>California</option>
     </select>
    </td>
      </tr>
      </form>
      </table>
<DIV><span name=”info” id=”info” style=”background:#eeffdd; padding-left:4px; padding-right:4px;”></span></DIV>
  </body>

欢迎大家阅读《基于ajax异步请求的实现_jquery,跪求各位点评,若觉得好的话请收藏本文,by 搞代码


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:基于ajax异步请求的实现_jquery
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址