`
baobeituping
  • 浏览: 1064680 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

Ajax异步调用

阅读更多

//业务函数,调用AJAX函数

function GetCompany(CompanyID)
 {


    AjaxSendHttpRequest(CompanyID,ID,startsT,endsT);
  
 }

 

 

 

var http_request;
 function AjaxSendHttpRequest(CompanyID,ID,StartT,EndT){
    //   
     if (window.XMLHttpRequest) // Mozilla, Safari, ...
  {
    http_request = new XMLHttpRequest();////如果浏览器直接支持window.XMLHttpRequest对象
  }
  else if (window.ActiveXObject) // IE,//如果浏览器支持window.ActiveXObject对象
  {
    try {
      http_request = new ActiveXObject("Msxml2.XMLHTTP");
     }
    catch (e)
     {
      try
      {
       http_request = new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch (e)
      {}
     }
  }
  else
  {
    alert('浏览器啥都不支持,我也只有啥都不干了!');
    return; //浏览器啥都不支持,我也只有啥都不干了
  }

  if (!http_request)
  {
   alert('Giving up :( Cannot create an XMLHTTP instance');
  }
  else
  {
   Url="/AjaxSelectPerson.jsp";
   var linkurl=Url+"?ID="+ID+"&Type="+CompanyID+"&StartT="+StartT+"&EndT="+EndT+"&OperID="+"<%=OperID%>";
   http_request.onreadystatechange = handlestatechange;

//这是个回调函数,可以处理数据是否加载
   http_request.open("GET",linkurl,true);

//true表示异步去取数据,FLASE表示同步取数据
   http_request.send(null);  
   //var returntxt=unescape(http_request.responseText);
   //return returntxt;
  }
   
 }

 

//回调函数的应用

function handlestatechange(){
  
  if(http_request.readyState == 3){//描述一种"已加载"状态;此时,响应已经被完全接收。  
        
     }     
     if(http_request.readyState == 4){//描述一种"已加载"状态;此时,响应已经被完全接收。  
         if(http_request.status == 200){//200表示成功收到          
           document.getElementById('loadding').style.display="none";//隐藏层

//上面函数的作用是首先做一个显示层,开始的时候隐藏,当点业务函数的时候显示出来,当数据加载过来后隐藏显示层,显示数据
     document.getElementById("staff").innerHTML = http_request.responseText;

//http_request.responseText表示AJAX的返回值
         }  
     }  
 }  

分享到:
评论

相关推荐

    ajax异步调用实例

    ajax异步调用实例

    AJAX异步调用代码

    本文将深入解析标题为“AJAX异步调用代码”的内容,该段代码展示了如何使用C#与JavaScript结合,通过AJAX进行前后台数据的异步交互。 ### 一、理解AJAX及其工作原理 AJAX的核心在于`XMLHttpRequest`对象,它允许在...

    Ajax异步调用框架

    这个Ajax异步调用框架适用于简单的数据获取和页面局部更新,但现代Web开发中,更常见的是使用jQuery、axios、fetch等库来简化Ajax操作,它们提供了更友好的API和更好的兼容性。例如,jQuery的`$.ajax()`方法或者...

    ajax异步调用webservice实例

    总结,AJAX异步调用WebService是现代Web应用中常见的一种通信方式,它极大地提升了用户体验。理解并掌握这一技术,对于Web开发者来说至关重要。通过实际的代码示例和不断的实践,你可以更深入地理解和应用这个技术。

    ajax异步调用数据

    综上所述,"ajax异步调用数据"是一个关于利用JavaScript和XML(或JSON)技术实现页面无刷新的数据更新的学习项目。通过理解和实践,开发者可以掌握Ajax的基本用法,提高用户体验,实现高效的Web应用交互。

    aJax 异步调用

    **Ajax(Asynchronous JavaScript...总结,Ajax异步调用是现代Web开发中不可或缺的一部分,它通过提升用户体验和减少服务器负载,极大地推动了Web应用程序的发展。理解并熟练掌握Ajax技术,对于Web开发者来说至关重要。

    使用ASP.NET AJAX异步调用Web Service和页面中的类方法

    ASP.NET AJAX 提供了一种强大的机制,使得开发者可以方便地在客户端JavaScript中异步调用Web Service和页面中的类方法,极大地简化了原本复杂的Ajax通信。这一特性是ASP.NET AJAX框架的核心优势之一,它允许开发者...

    js写AJAX 异步调用 -实现回调

    本文将深入讲解如何使用纯JavaScript编写AJAX异步调用,并实现回调函数处理返回的数据,同时涉及XML的XSL转换。 一、AJAX基础 1. 创建XMLHttpRequest对象:在JavaScript中,我们需要首先创建一个XMLHttpRequest...

    php+ajax异步调用 三级联动

    这里我们讨论的主题是"PHP+AJAX异步调用三级联动",这是一个常见于表单选择框或者下拉菜单的功能,通常用于地区选择、产品分类等场景,用户在选择一级选项后,二级和三级选项会根据一级的选择动态加载,提供更精确的...

    微软Ajax异步调用页面后台类和WebSerivce例子

    让我们深入探讨一下“微软Ajax异步调用页面后台类和WebService例子”所涉及的知识点。 首先,**Ajax(Asynchronous JavaScript and XML)**是一种在不刷新整个网页的情况下更新部分网页内容的技术。它通过...

    ajax异步调用局部刷新

    ajax ,异步或同步请求,控制action返回的值,并处理

    JQuery中Ajax的异步调用 示例

    JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,一个关于在js中通过JQuery实现异步无...

    ajax异步调用

    ### AJAX异步调用知识点详解 #### 一、概述 在现代Web开发中,异步JavaScript与XML(Asynchronous JavaScript and XML,简称Ajax)技术被广泛应用于构建动态且交互性更强的网页应用。通过Ajax技术,网页可以在不...

    ajax.net异步调用

    **Ajax.NET 异步调用详解** Ajax.NET 是 .NET Framework 中实现 AJAX(Asynchronous JavaScript and XML)技术的一种方式,它允许开发人员在不刷新整个网页的情况下更新页面的部分内容,从而提供更流畅、更快捷的...

    java+servlet+json+ajax异步调用

    jsp+servlet+ajax使用json作为数据传输介质完成 1.用户名是否存在的验证 2.根据姓名获取该对象使用gson将对象转换成json后返回给客户端并显示,完成修改功能时经常使用 3.gson将集合转换成json(数组格式)后返回给...

    jQuery 中ajax异步调用的四种方式

    本文将详细介绍jQuery中实现异步调用的四种方法:$.ajax、$.get、$.post以及$.getJSON。 1. **$.ajax**: `$.ajax` 是jQuery中最基础的AJAX调用方法,它允许自定义所有请求的细节。在示例代码中,`type` 指定了...

    JQ+ajax实现异步调用

    本话题主要聚焦于使用jQuery(简称JQ)库结合Ajax技术来实现异步调用的过程。下面将详细阐述这一主题。 ### jQuery和Ajax简介 **jQuery** 是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画效果以及...

    javascript发送ajax请求,获取返回值res,async 同步/异步

    javascript发送ajax请求,获取返回值res,async 同步/异步 var res = sendRequest({ url : "1.php", //necessary method : "post", params : { param1 : "123", param2 : "234" }, async : false });

    浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法

    总结来说,当你在jQuery的AJAX异步调用中遇到不能给全局变量赋值的问题时,应考虑调整代码结构以适应异步编程模型,如使用回调、Promise或async/await。这不仅可以解决问题,还能确保代码的可维护性和良好的性能。...

Global site tag (gtag.js) - Google Analytics