`
pwp5566
  • 浏览: 61957 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Ajax XMLHttpRequest 异步请求

    博客分类:
  • AJAX
阅读更多
ajax异步请求即XMLHttpRequest请求:
兼容firefox,mozillar,safari,opera,IE等主流浏览器
以get请求为例子:

var xmlHttp;
var bgArgument;
var responseFunction;
/**
* url:request path
* argName: argument name
* argName: argument value
*/
function httpRequest(url,argName,argValue){
    if(window.XMLHttpRequest){
             //support firfox, mozillar,safari,opera,IE7 later version
try{
xmlHttp = new XMLHttpRequest();
//mozillar bug
if(xmlHttp.overrideMimeType){
xmlHttp.overrideMimeType("text/xml");
}
}catch(e){
    alert('do not support '+e);
}
    }else if(window.ActiveXObject){
        //support IE6 previous version
        var activexName = ["Msxml2.XMLHTTP","Microsoft.XMLHTTP"];
        for(var i=0; i<activexName.length; i++){
            try{
              xmlHttp = new ActiveXObject(activexName[i]);
              break;
            }catch(e){
             alert('do not support IE '+e);
            }
        }
    }
    if(!xmlHttp){
        alert('create XMLHttpRequest failed');
        return;
    }

    //regist callback function
    xmlHttp.onreadystatechange = callback;
    xmlHttp.open("GET",url+"?"+argName+"="+argValue,true);
    xmlHttp.send(null);
   
   
}

//callback
function callback(){
     //request server success
     if(xmlHttp.readyState == 4){
         //response success
         if(xmlHttp.status == 200){
              var result = xmlHttp.responseText;
              //handler response result
         }else{
             alert("response failed");
         }
     }
}
分享到:
评论

相关推荐

    Ajax异步请求

    Ajax异步请求是一种基于JavaScript和XMLHttpRequest对象的技术,允许Web应用程序在不刷新整个页面的情况下,更新页面的一部分内容。它可以实现异步通信,提高用户体验和页面加载速度。 在Ajax异步请求中,...

    使用AJAX发送异步请求

    在本文中,我们将深入探讨如何使用AJAX发送异步请求,并详细解析XMLHttpRequest对象。 首先,让我们了解XMLHttpRequest对象。这个对象是AJAX的基础,它允许JavaScript在后台与服务器进行交互,而不会打断用户的界面...

    ajax异步请求小结

    **Ajax异步请求小结** Ajax(Asynchronous JavaScript and XML)是一种用于创建快速、动态网页的技术,它允许在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。这种技术极大地提升了用户体验,...

    Ajax异步请求的验证

    本篇文章将深入探讨Ajax异步请求的验证,解决初级问题,为初学者提供参考。 一、Ajax的基本概念 Ajax并非一种单一的技术,而是一种利用现有Web技术(如JavaScript、XML、HTML、CSS等)组合成的新应用方式。它的...

    Ajax Demo Ajax 示例 XMLHttpRequest 异步 静态

    这个“Ajax 示例”旨在展示如何使用 Ajax 技术来实现异步请求,从而获取并显示静态内容,例如系统当前时间。 **Ajax 的核心组成部分** 1. **XMLHttpRequest 对象**:这是 Ajax 的基石,它允许 JavaScript 在后台与...

    Ajax异步请求简单示例

    本示例将展示如何使用Ajax进行简单的异步请求。 首先,我们需要了解Ajax的工作流程。Ajax请求通常包含以下步骤: 1. **创建XMLHttpRequest对象**:这是所有Ajax操作的基础。在现代浏览器中,我们可以直接创建`...

    Ajax异步请求分页

    综上所述,Ajax异步请求分页是提高Web应用性能和用户体验的重要手段,结合C#的服务器处理能力,能够构建出高效且用户友好的分页系统。在实际开发中,需要根据项目需求灵活运用各种技术和策略,确保系统的稳定性和可...

    掌握 Ajax第 2 部分-使用 JavaScript 和 Ajax 发出异步请求

    ### 掌握Ajax第二部分:使用JavaScript和Ajax发出异步请求 #### XMLHttpRequest对象与Web2.0 在探讨Ajax和JavaScript如何发出异步请求之前,我们先简要回顾一下Web2.0的概念及其与传统Web1.0的区别。Web1.0时代,...

    一个实用了spring mvc和ajax异步请求的例子

    总结起来,这个"一个实用了spring mvc和ajax异步请求的例子"涵盖了Web开发中的重要概念,包括Spring MVC的Controller设计、RESTful API的实现以及Ajax的异步数据交互。这样的组合使得Web应用更加动态,用户体验更佳...

    使用JavaScript和Ajax 发出异步请求

    要使用Ajax发出异步请求,我们需要了解XMLHttpRequest对象或者更现代的fetch API。XMLHttpRequest是Ajax的基础,它提供了与服务器通信的能力。以下是一个基本的Ajax请求示例: ```javascript var xhr = new ...

    AJAX-技术入门介绍.zip_ajax_异步请求

    - **XMLHttpRequest对象**: 这是AJAX的核心,它允许JavaScript向服务器发送异步请求。 - **DOM (Document Object Model)**: 用于解析和操作HTML或XML文档。 - **CSS**: 用于页面样式控制。 - **JSON (JavaScript ...

    掌握Ajax系列2:使用JavaScript和Ajax发出异步请求

    【Ajax系列2:使用JavaScript和Ajax发出异步请求】 在Web开发中,传统的请求/响应模型通常是用户点击按钮,浏览器发送整个页面请求给服务器,服务器处理后返回一个新的HTML页面,浏览器再重新渲染。这种模式在Web ...

    ajax 同步请求和异步请求的差异分析

    在JavaScript的世界里,AJAX(Asynchronous ...总的来说,理解AJAX的同步和异步请求的区别是开发高效、用户友好的Web应用的关键。选择合适的请求类型,结合良好的错误处理策略,可以大大提高应用程序的性能和用户体验。

    springmvc异步ajax请求

    在Spring MVC框架中,异步Ajax请求是一种常见的前端与后端交互方式,它允许Web应用在不刷新整个页面的情况下更新部分视图。这种方式极大地提升了用户体验,因为它减少了不必要的数据传输和页面渲染时间。以下是对这...

    AjaxXMLHttpRequest_Demo02.zip

    在AjaxXMLHttpRequest_Demo02.zip中,我们可能会看到以下几个关键组成部分: 1. **HTML文件**:通常命名为index.html,它是用户界面的基础,包含用户交互的元素,如按钮、输入框等。当用户触发某个事件(如点击按钮...

    Ajax异步调用框架

    例如,jQuery的`$.ajax()`方法或者axios的`axios.get()`,可以更方便地进行异步请求,并且处理错误、转换数据等工作更加直观。同时,对于跨域请求和其他复杂场景,还需要考虑CORS(跨源资源共享)和JSONP等技术。 ...

    Ajax页面局部异步刷新技术

    `XMLHttpRequest`是Ajax的核心组件,用于在后台与服务器交换数据,并执行异步请求而无需重载整个网页。其主要功能包括发送异步HTTP请求、处理服务器响应等。 #### 创建XMLHttpRequest对象 ```javascript var ...

    Ajax异步请求响应.java

    (method 表示请求方式, url 请求路径, asynch 是否异步,对于 asynch 的值通常不会设置, 默认是true,表示异步发送请求) send(content) :向服务器发送请求 属性: onreadystatechange :状态回调函数 ...

    原生JavaScript实现Ajax异步请求

    在前端页面开发的过程中,经常使用到Ajax...JavaScript实现Ajax异步请求 简单的ajax请求实现 Ajax请求的原理是创建一个XMLHttpRequest对象,使用这个对象来进行异步发送请求,具体实现参考下面代码: function ajax

Global site tag (gtag.js) - Google Analytics