基于ajax异步请求的实现

最新推荐文章于 2024-07-16 20:32:10 发布
最新推荐文章于 2024-07-16 20:32:10 发布
阅读量597 收藏
点赞数
文章标签： ajax xmlhttprequest function button action login
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/comenglish/article/details/1586751
版权

  <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>姓名:&nbsp;<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>
<DIV><span name="info" id="info" style="background:#eeffdd; padding-left:4px; padding-right:4px;"></span></DIV>
  </body>

 

码农110
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
requests模拟ajax异步请求
03-25 7661
requests python ajax
页面ajax异步请求
lixinyao5281的专栏
04-26 566
页面ajax异步请求;jQuery;ajax异步请求;
无法创建ajax请求对象,如何用ajax来创建一个XMLHttpRequest对象
weixin_32559133的博客
08-05 357
我每次创建一个对象，都要这样复杂吗？如下代码:JScript code:"testAjax.htm" 文件：function ajaxFunction(){var xmlHttp;try{// Firefox,Opera 8.0+,SafarixmlHttp=new XMLHttpRequest();}catch (e){// Internet Explorertry{xmlHttp=new Ac...
AJAX——核心XMLHttpRequest对象
热门推荐
学会改变自己——才能突破
12-04 11万+
AJAX大家已经都知道了，是为了实现异步通讯，提高用户体验度，而将很多旧知识（XML,DOM,JavaScript,HTML,Jquery,Css……）重新融合的一个新的知识框架。而，XMLHttpRequest对象则是其中的重重之中。这篇博客重点总结一下这个对象的使用。当然还是按照经典的五步法来学习，以后在实践中有更多更好的想法，会拿出来分享的！            首先，需要先了解
Ajax应用示例： XMLHttpRequest封装
一个情绪猿的脖克...
12-09 5691
XMLHttpRequest封装在HttpClient.js文件内，代码如下： function HttpClient(){} HttpClient.prototype={ //传给open方法的GET或者POST类型 requestType: 'GET',
Ajax异步请求
12-05
Ajax异步请求是一种基于JavaScript和XMLHttpRequest对象的技术，允许Web应用程序在不刷新整个页面的情况下，更新页面的一部分内容。它可以实现异步通信，提高用户体验和页面加载速度。 在Ajax异步请求中，...
layui-tree实现Ajax异步请求后动态添加节点的方法
10-16
在本示例中，我们需要实现一个功能：当用户在树形菜单中选择某一节点时，通过 AJAX 异步请求向后台添加新的子节点，并在前端动态显示出来。 首先，我们看到 HTML 结构中有一个 `#demo` ID 的 `ul` 元素，它是 layui...
Ajax异步请求技术实例讲解
12-09
【Ajax异步请求技术】 Ajax（Asynchronous JavaScript and XML）是一种在不重新加载整个网页的情况下，更新部分网页内容的技术。它的核心在于JavaScript，利用XMLHttpRequest对象与服务器进行通信，实现客户端与...
一个实用了spring mvc和ajax异步请求的例子
06-05
总结起来，这个"一个实用了spring mvc和ajax异步请求的例子"涵盖了Web开发中的重要概念，包括Spring MVC的Controller设计、RESTful API的实现以及Ajax的异步数据交互。这样的组合使得Web应用更加动态，用户体验更佳...
基于AJAX技术实现Struts校验框架
02-22
实时的数据校验是AJAX技术的重要优点之一，Struts校验框架通过加入这种技术进一步丰富了其MVC，从而使得Web应用程序的开发效果更接近于桌面应用程序。...　AJAX是一种能异步地调用服务器并返回XML文档的
Ajax验证用户名是否存在例子
黑色头发
08-12 100
&lt;%@ page language="java" import="java.util.*" pageEncoding="gb2312"%&gt; &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;TITL
Ajax创建XMLHttpRequest对象通用方法
benben0503的专栏
04-18 521
function createXmlHttp() { var xmlHttp; try{ xmlHttp = new XMLHttpRequest(); // Firefox,Opera 8.0+,Safari }catch (e){ try{ xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explor
XMLHTTPREQUEST收藏
IT1987的专栏
11-25 517
创建名为：____________ScriptAjaxBase.js的JS文件，代码如下//************************************************************************************ //创建XMLHttpRequest连接池 //Add By 余业勤 2010-11-25 //Update By 余业勤 2010-11-25 //*******************************************
使用ajax访问服务器时---创建XMLHttpRequest对象
wccmfc123的专栏
01-22 324
httprequest.js//构建XMLHttpRequest在各浏览器的对象 //sUrl相同时，ajax会访问浏览器缓存， 可通过加上一个时间戳参数timestamp=new Date().getTime();可以避免访问浏览器缓存 function HttpRequest(sUrl,fCallback,method,async){ this.request=this.createXmlH
二个AJAX请求类
aoyuesoft的专栏
12-25 367
1:function Ajax(sUrl,sRecvTyp,sQueryString,oResultFunc) {this.Url = sUrl;this.QueryString = sQueryString;this.XmlHttp = this.createXMLHttpRequest();if (this.XmlHttp == null) {alert("erro");return;}v
自己写的简易ajax模型
zhangshuling的专栏
02-26 1262
/*author zhangshulingemail  zhangshuling1214@126.com*/function  Ajax(){    var _xmlHttp = null;    this.createXMLHttpRequest = function(){        try{            if (window.ActiveXObject) {           
Spark学习之SparkSQL
最新发布
m0_58050808的博客
07-16 667
Spark SQL中的DataFrame DSL（Domain Specific Language，领域特定语言）是一种用于处理DataFrame的编程风格，它允许开发者以命令式的方式，通过调用API接口来操作DataFrame。这种风格**介于代码和纯SQL之间，**提供了一种更加灵活和强大的数据处理方式。DataFrame DSL（Domain Specific Language，领域特定语言）中的。idea里面将代码编写好打包上传到集群中运行，上线使用。
Ajax异步请求与XMLHttpRequest对象详解
本篇文章主要讲解了如何在...这篇文章详细阐述了XMLHttpRequest对象的使用方法和创建策略，这对于理解和实施基于Ajax的异步数据加载技术至关重要。开发者可以通过学习和实践这部分内容，提升Web应用的性能和用户体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值