可以直接把以下代码放在一个外部js文件当中,以便使用。
var xmlRequest;
function createXMLRequest() {
//判断是否是IE如果是就创建IE对应的XMLHttpRequest对象
if (window.ActiveXObject) {
try {
xmlRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xmlRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
} else if (window.XMLHttpRequest) {//判断是否是DOM浏览器如果是就创建对应的XMLHttpRequest对象
if(xmlRequest){
return;
}
xmlRequest = new XMLHttpRequest();
}
return xmlRequest;
}
function responseDatas(method, url, param, func) {
//先得到XMLHttpRequest对象
createXMLRequest();
//onreadystatechange,这个事件实在状态发生了改变的时候调用
xmlRequest.onreadystatechange = function() {
//如果readyState为4说明请求的状态是已经完成
if (xmlRequest.readyState == 4) {
//当请求的状态完成了还需要知道结果是否正确,当status等于200的时候表示结果正确
if (xmlRequest.status == 200) {
//得到服务器传送过来的值,以文本的格式返回
var text = xmlRequest.responseText;
func(text);
}
}
}
//该方法指定请求的HTTP方式(POST/GET),请求的URL和通讯模式(同步还是异步true为异步)
xmlRequest.open(method, url, true);
//设置请求头
xmlRequest.setRequestHeader("cache-control", "no-cache");
//如果是POST提交方式,请求头还需设置以下请求头信息
if (method == "POST") {
xmlRequest.setRequestHeader("Content-Type",
"application/x-www-form-urlencoded");
}
//到了最关键的一步,发送请求,如果是GET提交方式括号中直接填写“null”,如果是POST提交,则需要把参数跟在括号中。GET提交方式的参数跟在上面open方法的URL后面。
xmlRequest.send(param);
}
分享到:
相关推荐
在Java Web开发中,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许页面在不重新加载整个页面的情况下与...同时,了解并掌握Ajax的封装技巧,也有助于代码的复用和维护,提升开发效率。
【Ajax常用实例代码】主要涵盖了Web开发中的几个关键应用场景,包括用户登录注册注销、数据库交互、跨页面数据传递、文本片段展示以及获取服务器信息。这些功能在构建动态、交互性强的Web应用时非常常见,而Ajax技术...
9. **Promise和async/await**:在现代JavaScript中,可以使用Promise和async/await语法来处理AJAX请求,使得异步代码看起来更像同步代码,提高了可读性和可维护性。 10. **安全性**:尽管AJAX提供了优秀的用户体验...
本资源主要探讨了Ajax常用的设计模式及其实际应用场景,这对于提升Web应用的用户体验和性能至关重要。 首先,我们来了解一下Ajax的核心组成部分: 1. JavaScript:它是实现Ajax交互的关键,通过创建XMLHttpRequest...
总结来说,ASP分页源代码是实现服务器端数据分块显示的脚本,而AJAX源代码则涉及利用JavaScript进行异步数据加载。两者结合,可以构建出既高效又用户体验良好的数据分页系统。在实际应用中,需要考虑性能优化、错误...
本文将介绍easy-ajax封装后的常用方法。 首先,提到easy-ajax,其本质是一个为了治理前端开发者在编写Ajax请求时出现的混乱局面而产生的工具。其封装的目标是提供一种统一的方法来处理Ajax请求,包含默认的jQuery ...
在ASP.NET项目中,为了提高代码复用性,降低维护成本,我们常常会将一些常用的功能封装成函数。通过C#封装JavaScript函数,可以在服务器端统一管理这些功能,同时也可以方便地在多个页面中调用,使得代码更加整洁,...
jQuery 是一个快速、简洁的 JavaScript 库,它封装了 JavaScript 常用的功能代码,极大地简化了 JavaScript 编程。在使用 jQuery 进行 AJAX 开发时,常常需要对原生的 AJAX 方法进行封装,以符合特定场景下的需求。...
这篇博文"jQuery常用代码片段"很可能是为了分享一些实用的jQuery代码示例,帮助开发者提高工作效率。下面我们将深入探讨jQuery的一些核心功能和常见用法。 1. **选择器**: jQuery的选择器类似于CSS,可以轻松地选取...
9. **前端框架中的Ajax**:现代前端框架如React、Vue和Angular内置了对Ajax的支持,比如React的`fetch`或`axios`库,Vue的`vue-resource`或`axios`,Angular的`HttpClient`模块,它们封装了Ajax交互,让开发者更加...
JavaScript封装是指将常见的JavaScript功能编写成可重用的函数或类,方便在多个地方调用,提高代码复用性和可维护性。以下是对Asp.Net中常用JavaScript封装的一些理解和实践方法。 在给定的代码中,可以看到一个名...
**Ajax 常用框架集** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新,提升了用户体验。在...
下面是一个传统的AJAX请求的示例代码: ```javascript var xmlHttp; function createXMLHttpRequest() { if (window.ActiveXObject) xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); else if (window....
这一技术的核心在于JavaScript,XML则主要用于数据交换,但在实际应用中,JSON格式已经逐渐取代XML成为更常用的数据交换格式。 ### Ajax基本语法 Ajax的使用通常涉及以下几个步骤: 1. **创建XMLHttpRequest对象*...
"封装JavaScript常用类库.rar"是一个压缩包,其中包含了一个或多个文本文件,很可能是为了便于开发者复用和管理常见的JavaScript功能,避免重复编写相同或相似的代码,从而提高开发效率并减少潜在错误。 首先,让...
5. **封装Ajax函数**:为了提高代码复用性,通常会将上述步骤封装成一个函数,接收URL和回调函数作为参数。回调函数在数据加载完成后执行,处理返回的数据。 **直接使用标签**表明这些源代码可以直接应用于项目中,...
然而,在实际项目开发中,我们往往需要对AJAX调用进行封装,以满足业务需求和代码复用性,以及提升代码的可维护性。 首先,AJAX技术允许在客户端和服务器端之间进行异步通信,这个过程是不需要完全刷新页面的。通过...
标题中的“封装好的Jquery的ajax的json的AutoComplete控件”是指一个已经预先开发并优化的JavaScript组件,主要用于在Web应用中实现自动补全功能。这个控件基于jQuery库,利用了其强大的DOM操作能力和事件处理机制。...
在实践中,你还可以尝试封装一些常用的jQuery函数,这样可以提高代码的复用性和可维护性。 除了JavaScript文件,`jquery-ui.min.css`是jQuery UI的样式文件,确保UI组件的外观和布局。学习如何与CSS配合,调整UI...