`
Reverie夜
  • 浏览: 21372 次
  • 性别: Icon_minigender_1
  • 来自: 惠州
社区版块
存档分类
最新评论

AJAX监听

    博客分类:
  • WEB
阅读更多

jqueryjs两种ajax监听使用

 

JQuery监听的使用方式:

 

<script type="text/javascript">
/*……省略AJAX方法……*/
$(document).ajaxSend(
	function(event,request,settings){
		alert(settings.url); //输出请求地址
		alert(settings.data); //输出请求参数
                alert(settings.type); //输出请求方式
	}
);
</script>

 

 

JS监听的使用方式:

 

<script type="text/javascript">
/*……省略AJAX方法……*/
var s_ajaxListener = new Object();
		
//对IE6的处理
if (typeof XMLHttpRequest === "undefined") {
		XMLHttpRequest = function () {
		    try { return new ActiveXObject("Msxml2.XMLHTTP.6.0"); }
		    catch (e) {}
		    try { return new ActiveXObject("Msxml2.XMLHTTP.3.0"); }
		    catch (e) {}
		    try { return new ActiveXObject("Microsoft.XMLHTTP"); }
		    catch (e) {}
		    throw new Error("This browser does not support XMLHttpRequest.");
		};
}
		  
s_ajaxListener.tempOpen = XMLHttpRequest.prototype.open;
s_ajaxListener.tempSend = XMLHttpRequest.prototype.send;
s_ajaxListener.callback = function () {
	  alert(this.method); //请求方式
	  alert(this.url); //请求地址
	  alert(this.data); //请求参数
};
		
XMLHttpRequest.prototype.open = function(a,b) {
	  if (!a) var a='';
	  if (!b) var b='';
	  s_ajaxListener.tempOpen.apply(this, arguments);
	  s_ajaxListener.method = a;  
	  s_ajaxListener.url = b;
	  if (a.toLowerCase() == 'get') {
		    s_ajaxListener.data = b.split('?');
		    s_ajaxListener.data = s_ajaxListener.data[1];
	  }
};
		
XMLHttpRequest.prototype.send = function(a,b) {
	  if (!a) var a='';
	  if (!b) var b='';
	  s_ajaxListener.tempSend.apply(this, arguments);
	  if(s_ajaxListener.method.toLowerCase() == 'post')s_ajaxListener.data = a;
	  s_ajaxListener.callback();
};
</script>

 

 

これでおしまい( ^_^ )/~~

分享到:
评论

相关推荐

    als.js:ajax监听与拦截 & 服务器与数据库模拟

    ajax监听与拦截 & 服务器与数据库模拟 ajax &lt;=&gt; als &lt;=&gt; localStorage 无须后端服务器即可完成前端业务开发 它是一个模拟服务器及数据库 它能处理所有增删改查的ajax请求并自动建表 它也可以处理ajax文件上传 ...

    通过AJAX监控文件上传进度

    ### 通过 AJAX 监控文件上传进度 在 Web 开发中,文件上传是常见的功能之一。传统的文件上传机制是基于 HTTP 协议的表单提交,即用户通过 `&lt;input type="file"&gt;` 选择文件后,整个表单或文件被一次性发送到服务器。...

    Ajax+JSP.rar_ajax_ajax jsp download_java ajax jsp_jsp ajax_jsp在线

    6. Ajax监听XMLHttpRequest对象的onreadystatechange事件,当状态改变时,检查readyState和status,确保请求已完成且无错误。 7. 如果请求成功,使用responseText或responseXML获取服务器返回的数据,然后更新DOM,...

    Ajax实现下拉列表从数据库读取数据级联

    3. **处理响应**:当服务器返回数据时,Ajax监听状态变化,通过onreadystatechange事件处理响应数据。 4. **更新DOM**:根据服务器返回的数据,使用JavaScript动态更新页面内容。 在实现下拉列表的级联效果时,我们...

    基于Ajax技术的Web 2.0开发应用

    当用户在搜索框输入关键词时,Ajax监听输入事件,向服务器发送包含已输入内容的请求。服务器根据请求内容返回匹配的建议列表,JavaScript接收到响应后,动态更新页面的下拉建议框,展示匹配项。这种方式极大地提高了...

    JSP+Ajax+Servlet 自动完成类似谷歌百度搜索

    - Ajax监听到输入变化,发送GET请求到Servlet,请求参数包含当前输入值。 - Servlet接收到请求后,执行SQL查询,获取匹配的搜索建议。 - 将查询结果转换为JSON格式,通过HTTP响应返回给前端。 - 前端接收到响应...

    AJAX Jquery Json实现省市三级联动

    4. **AJAX监听事件**:为省份下拉菜单添加`change`事件监听器。当用户选择新的省份时,触发AJAX请求,向服务器发送当前选中的省份ID。 5. **AJAX请求**:使用jQuery的`$.ajax()`或`$.get()`方法发送异步请求。URL中...

    JSP结合ajax技术实现无刷新登录程序.rar

    表单的提交事件将被Ajax监听,而不是传统的POST或GET请求。 2. **JavaScript处理**:使用JavaScript监听表单的提交事件,阻止其默认行为,然后通过Ajax创建XMLHttpRequest对象,设置请求方法(通常是POST),URL...

    ajax+servlet两级动态级联下拉框

    - AJAX监听到这个改变,发起异步请求到服务器。 - Servlet接收到请求,根据传递的参数查询数据库,获取相关数据。 - 数据处理完成后,Servlet将结果封装为JSON或XML格式,返回给前端。 - AJAX接收到响应,解析...

    基于J2EE的Ajax宝典

    6. **接收响应**:Ajax监听状态变化,当请求完成时接收响应。 7. **更新DOM**:使用JavaScript解析响应数据,并更新HTML文档的相应部分。 **J2EE中的Ajax库和框架** 1. **jQuery**:简化DOM操作,提供强大的Ajax...

    简单PHP AJAX效果

    5. **接收响应**:当服务器返回响应时,AJAX监听XMLHttpRequest对象的`onreadystatechange`事件。当`readyState`属性值为4(表示请求完成)且`status`属性值为200(表示成功)时,可以使用`responseText`或`...

    ajax 实现无刷新分页

    4. **响应数据**:服务器将数据返回给前端,Ajax监听`onreadystatechange`事件,当状态变为4(表示请求已完成)且状态码为200(表示成功)时,解析响应数据。 5. **更新页面**:前端根据接收到的数据动态更新DOM树...

    使用ajax和servlet实现网页局部刷新

    - Ajax监听到onreadystatechange事件,检查返回状态,如果成功则解析JSON数据,并在聊天窗口中动态插入新的聊天记录,实现局部刷新。 文件"ajaxChat"可能包含了实现这个聊天功能的Ajax脚本和Servlet代码,通过分析...

    Ajax入门的三个实用小例子

    这需要前端和后端的协同工作:前端通过Ajax监听一级菜单的改变,向服务器发送请求获取新的二级菜单数据;后端接收到请求后,处理数据并返回给前端,前端再动态更新二级菜单。在.NET中,可以利用控件间的回发事件触发...

    Ajax异步刷新的实现 带数据库

    5. **接收响应**:Ajax监听HTTP状态,当服务器返回响应时,执行回调函数处理响应数据。 6. **更新DOM**:最后,使用JavaScript动态修改DOM,实现页面局部更新。 结合SSH框架,我们需要配置和编写以下组件: 1. **...

    不错的Php分页类,支持ajax

    - Ajax监听:在前端,监听分页链接的点击事件,使用Ajax发送请求。 - 响应处理:接收到服务器响应后,解析数据并更新DOM。 5. 实现细节: - 服务器端:分页类需处理Ajax请求,根据请求中的页码参数返回相应页的...

    GlobalAjaxListener:监听页面全局ajax请求的插件,可以做很多的事情~

    GlobalAjaxListener - 全局ajax监听器 有时候我们的页面很多操作都是ajax,现在我们有个需求,我们想知道到底执行了哪些请求或者请求时候我们想统一加一个请求头。那么我们在不改变代码的情况下该如何实现? 浏览器...

    chrome扩展插件获取ajax请求记录

    这些插件可以在后台监听和记录所有的网络请求,包括Ajax请求,以便开发者进行分析。 以"Network"面板为例,这是Chrome开发者工具的一个核心部分,它可以详细展示页面加载过程中的所有网络活动,包括Ajax请求。每条...

    分享JavaScript监听全部Ajax请求事件的方法

    若Ajax请求是由jQuery的$.ajax发起的,默认情况下可以使用 jQuery的Global Ajax Event Handlers监听到Ajax事件,然而我遇到的却是用原生JavaScript发起的Ajax请求,所以这种方法行不通。 然后呢,还有其他方法,比如...

    HTML.rar 内容是常用AJAX,SESSION监听器等内容

    HTML.rar 内容是常用AJAX,SESSION监听器等内容HTML.rar 内容是常用AJAX,SESSION监听器等内容HTML.rar 内容是常用AJAX,SESSION监听器等内容HTML.rar 内容是常用AJAX,SESSION监听器等内容HTML.rar 内容是常用AJAX...

Global site tag (gtag.js) - Google Analytics