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异步请求是一种基于JavaScript和XMLHttpRequest对象的技术,允许Web应用程序在不刷新整个页面的情况下,更新页面的一部分内容。它可以实现异步通信,提高用户体验和页面加载速度。 在Ajax异步请求中,...
在本文中,我们将深入探讨如何使用AJAX发送异步请求,并详细解析XMLHttpRequest对象。 首先,让我们了解XMLHttpRequest对象。这个对象是AJAX的基础,它允许JavaScript在后台与服务器进行交互,而不会打断用户的界面...
**Ajax异步请求小结** Ajax(Asynchronous JavaScript and XML)是一种用于创建快速、动态网页的技术,它允许在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。这种技术极大地提升了用户体验,...
本篇文章将深入探讨Ajax异步请求的验证,解决初级问题,为初学者提供参考。 一、Ajax的基本概念 Ajax并非一种单一的技术,而是一种利用现有Web技术(如JavaScript、XML、HTML、CSS等)组合成的新应用方式。它的...
这个“Ajax 示例”旨在展示如何使用 Ajax 技术来实现异步请求,从而获取并显示静态内容,例如系统当前时间。 **Ajax 的核心组成部分** 1. **XMLHttpRequest 对象**:这是 Ajax 的基石,它允许 JavaScript 在后台与...
本示例将展示如何使用Ajax进行简单的异步请求。 首先,我们需要了解Ajax的工作流程。Ajax请求通常包含以下步骤: 1. **创建XMLHttpRequest对象**:这是所有Ajax操作的基础。在现代浏览器中,我们可以直接创建`...
综上所述,Ajax异步请求分页是提高Web应用性能和用户体验的重要手段,结合C#的服务器处理能力,能够构建出高效且用户友好的分页系统。在实际开发中,需要根据项目需求灵活运用各种技术和策略,确保系统的稳定性和可...
### 掌握Ajax第二部分:使用JavaScript和Ajax发出异步请求 #### XMLHttpRequest对象与Web2.0 在探讨Ajax和JavaScript如何发出异步请求之前,我们先简要回顾一下Web2.0的概念及其与传统Web1.0的区别。Web1.0时代,...
总结起来,这个"一个实用了spring mvc和ajax异步请求的例子"涵盖了Web开发中的重要概念,包括Spring MVC的Controller设计、RESTful API的实现以及Ajax的异步数据交互。这样的组合使得Web应用更加动态,用户体验更佳...
要使用Ajax发出异步请求,我们需要了解XMLHttpRequest对象或者更现代的fetch API。XMLHttpRequest是Ajax的基础,它提供了与服务器通信的能力。以下是一个基本的Ajax请求示例: ```javascript var xhr = new ...
- **XMLHttpRequest对象**: 这是AJAX的核心,它允许JavaScript向服务器发送异步请求。 - **DOM (Document Object Model)**: 用于解析和操作HTML或XML文档。 - **CSS**: 用于页面样式控制。 - **JSON (JavaScript ...
【Ajax系列2:使用JavaScript和Ajax发出异步请求】 在Web开发中,传统的请求/响应模型通常是用户点击按钮,浏览器发送整个页面请求给服务器,服务器处理后返回一个新的HTML页面,浏览器再重新渲染。这种模式在Web ...
在JavaScript的世界里,AJAX(Asynchronous ...总的来说,理解AJAX的同步和异步请求的区别是开发高效、用户友好的Web应用的关键。选择合适的请求类型,结合良好的错误处理策略,可以大大提高应用程序的性能和用户体验。
在Spring MVC框架中,异步Ajax请求是一种常见的前端与后端交互方式,它允许Web应用在不刷新整个页面的情况下更新部分视图。这种方式极大地提升了用户体验,因为它减少了不必要的数据传输和页面渲染时间。以下是对这...
在AjaxXMLHttpRequest_Demo02.zip中,我们可能会看到以下几个关键组成部分: 1. **HTML文件**:通常命名为index.html,它是用户界面的基础,包含用户交互的元素,如按钮、输入框等。当用户触发某个事件(如点击按钮...
例如,jQuery的`$.ajax()`方法或者axios的`axios.get()`,可以更方便地进行异步请求,并且处理错误、转换数据等工作更加直观。同时,对于跨域请求和其他复杂场景,还需要考虑CORS(跨源资源共享)和JSONP等技术。 ...
`XMLHttpRequest`是Ajax的核心组件,用于在后台与服务器交换数据,并执行异步请求而无需重载整个网页。其主要功能包括发送异步HTTP请求、处理服务器响应等。 #### 创建XMLHttpRequest对象 ```javascript var ...
(method 表示请求方式, url 请求路径, asynch 是否异步,对于 asynch 的值通常不会设置, 默认是true,表示异步发送请求) send(content) :向服务器发送请求 属性: onreadystatechange :状态回调函数 ...
在前端页面开发的过程中,经常使用到Ajax...JavaScript实现Ajax异步请求 简单的ajax请求实现 Ajax请求的原理是创建一个XMLHttpRequest对象,使用这个对象来进行异步发送请求,具体实现参考下面代码: function ajax