基于ajax异步请求的实现

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);
       }
      }
      
   </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>

时间: 2024-08-03 09:57:38

基于ajax异步请求的实现的相关文章

Ajax异步请求技术实例讲解

AJAX的全称是Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX不是新的编程语言,而是一种使用现有标准的新方法.ajax是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下. ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. ajax是一种用于创建快速动态网页的技术.通过在后台与服务器进行少量数据交换.ajax可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分

Ajax异步请求PHP数据

接到了老师的一个作业,实现的布局如图: 如果输入了科室ID,科室名字只显示与ID对应的,若没有输入,则显示全部,然后根据I科室名字的值,在所属大科中的文本框自动显示科室名字所在的大科.例如:选择了心血管内科,则在所属大科显示内科. 主要代码如下: 根据ID请求科室 function showHint(str) { var xmlhttp; if (window.XMLHttpRequest) {// IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new

Ajax异步请求JSon数据(图文详解)_AJAX相关

上一篇讲了Ajax请求数据text类型,text和html都是处理比较简答的数据,而在编程过程中使用Ajax调用数据的时候,难免要进行逻辑的处理,接受的数据也变的复杂比如数组类型的数据,这时候就需要使用JSON数据类型进行处理,今天就说说,JSON数据请求过程中的一些细节: 友情提醒本文所需工具和原料如下: wamp或lamp环境.jquery.js.编辑器 具体方法/步骤请看下面: 1.创建基本的文件结构json_ajax.html和json_ajax.php,下载jquery.js,如图:

大数据-ajax异步请求数据问题。。。看不出哪里错了。。。跪求大神指点。。。

问题描述 ajax异步请求数据问题...看不出哪里错了...跪求大神指点... 我做ajax读取Excel表格里的数据...这是JAVA代码 java: public static List<HashMap<Object,Object>> readExcel(String excelPath){ //声明一个集合用于存储解析出来的数据 List<HashMap<Object,Object>> maps = new ArrayList<HashMap&l

ajax-Chrome处理本地Ajax异步请求的问题

问题描述 Chrome处理本地Ajax异步请求的问题 --allow-file-access-from-files 加了这个还是会显示XMLHttpRequest cannot find file怎么回事 求解 解决方案 请求的文件不存在也会报这种错误,自己检查下路径是否存在,文件名是否拼写正确 解决方案二: 解决办法是给chrome添加启动参数:--allow-file-access-from-files ,这样本地ajax请求就不会报跨域错误了.(注意如果给chrome添加多个启动参数,每个

java ajax-分析ajax异步请求的过程?

问题描述 分析ajax异步请求的过程? function check_name(){ alert(1); var xhr = getXhr(); xhr.open('post','check_name.do',true); alert(2); xhr.setRequestHeader( 'content-type', 'application/x-www-form-urlencoded'); alert(3); xhr.onreadystatechange=function(){ alert(4

SpringMVC环境下实现的Ajax异步请求JSON格式数据_AJAX相关

一 环境搭建 首先是常规的spring mvc环境搭建,不用多说,需要注意的是,这里需要引入jackson相关jar包,然后在spring配置文件"springmvc-servlet.xml"中添加json解析相关配置,我这里的完整代码如下: <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schem

浅谈Jquery中Ajax异步请求中的async参数的作用_jquery

之前不知道这个参数的作用,上网找了前辈的博客,在此收录到自己的博客,希望能帮到更多的朋友: test.html <a href="javascript:void(0)" onmouseover="testAsync()"> asy.js function testAsync{ var temp; $.ajax({ async: false, type : "GET", url : 'tet.php', complete: functi

jquery的ajax异步请求接收返回json数据实例_jquery

jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发送设置的datatype设置为jsonp格式数据或json格式都可以. 代码示例如下: 复制代码 代码如下: $('#send').click(function () {     $.ajax({         type : "GET",         url : "a.php",         dataType : "json