基于ajax异步请求的实现

乐观的橙橙橙汁

乐观的橙橙橙汁

2016-02-19 15:33

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的基于ajax异步请求的实现,希望大家看完后能赶快学习起来。
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);
    &nb

sp;  }
      }
      
   /script
  /head
 
  body
   table
      form action="login" method="post"
       trtd姓名: input id="name" type="text" name="name1"/p
          input type="button" value="检测!" onClick="check()"/
       /td
   td align="left"
     select id="state" name="state" onChange="check()"
      option value="866"Virginia/option
      option value="867"Georgia/option
      option value="865"California/option
     /select
    /td
      /tr
      /form
      /table
DIVspan name="info" id="info" style="background:#eeffdd; padding-left:4px; padding-right:4px;"/span/DIV
  /body
展开更多 50%)
分享

猜你喜欢

基于ajax异步请求的实现

Web开发
基于ajax异步请求的实现

基于PHP的AJAX技术实现文件异步上传

PHP
基于PHP的AJAX技术实现文件异步上传

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

使用 JavaScript 和 Ajax 发出异步请求

Web开发
使用 JavaScript 和 Ajax 发出异步请求

使用JavaScript和Ajax发出异步请求(一)

Web开发
使用JavaScript和Ajax发出异步请求(一)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Ajax异步(请求)提交类 支持跨域

Web开发
Ajax异步(请求)提交类 支持跨域

使用JavaScript和Ajax发出异步请求(二)

Web开发
使用JavaScript和Ajax发出异步请求(二)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Ajax实现页面loading效果

Ajax实现页面loading效果

用反射实现SWT里TableViewer的ITableLabelProvider接口

用反射实现SWT里TableViewer的ITableLabelProvider接口
下拉加载更多内容 ↓