jquery和js两种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>
これでおしまい( ^_^ )/~~
相关推荐
ajax监听与拦截 & 服务器与数据库模拟 ajax <=> als <=> localStorage 无须后端服务器即可完成前端业务开发 它是一个模拟服务器及数据库 它能处理所有增删改查的ajax请求并自动建表 它也可以处理ajax文件上传 ...
### 通过 AJAX 监控文件上传进度 在 Web 开发中,文件上传是常见的功能之一。传统的文件上传机制是基于 HTTP 协议的表单提交,即用户通过 `<input type="file">` 选择文件后,整个表单或文件被一次性发送到服务器。...
6. Ajax监听XMLHttpRequest对象的onreadystatechange事件,当状态改变时,检查readyState和status,确保请求已完成且无错误。 7. 如果请求成功,使用responseText或responseXML获取服务器返回的数据,然后更新DOM,...
3. **处理响应**:当服务器返回数据时,Ajax监听状态变化,通过onreadystatechange事件处理响应数据。 4. **更新DOM**:根据服务器返回的数据,使用JavaScript动态更新页面内容。 在实现下拉列表的级联效果时,我们...
当用户在搜索框输入关键词时,Ajax监听输入事件,向服务器发送包含已输入内容的请求。服务器根据请求内容返回匹配的建议列表,JavaScript接收到响应后,动态更新页面的下拉建议框,展示匹配项。这种方式极大地提高了...
- Ajax监听到输入变化,发送GET请求到Servlet,请求参数包含当前输入值。 - Servlet接收到请求后,执行SQL查询,获取匹配的搜索建议。 - 将查询结果转换为JSON格式,通过HTTP响应返回给前端。 - 前端接收到响应...
4. **AJAX监听事件**:为省份下拉菜单添加`change`事件监听器。当用户选择新的省份时,触发AJAX请求,向服务器发送当前选中的省份ID。 5. **AJAX请求**:使用jQuery的`$.ajax()`或`$.get()`方法发送异步请求。URL中...
表单的提交事件将被Ajax监听,而不是传统的POST或GET请求。 2. **JavaScript处理**:使用JavaScript监听表单的提交事件,阻止其默认行为,然后通过Ajax创建XMLHttpRequest对象,设置请求方法(通常是POST),URL...
- AJAX监听到这个改变,发起异步请求到服务器。 - Servlet接收到请求,根据传递的参数查询数据库,获取相关数据。 - 数据处理完成后,Servlet将结果封装为JSON或XML格式,返回给前端。 - AJAX接收到响应,解析...
6. **接收响应**:Ajax监听状态变化,当请求完成时接收响应。 7. **更新DOM**:使用JavaScript解析响应数据,并更新HTML文档的相应部分。 **J2EE中的Ajax库和框架** 1. **jQuery**:简化DOM操作,提供强大的Ajax...
5. **接收响应**:当服务器返回响应时,AJAX监听XMLHttpRequest对象的`onreadystatechange`事件。当`readyState`属性值为4(表示请求完成)且`status`属性值为200(表示成功)时,可以使用`responseText`或`...
4. **响应数据**:服务器将数据返回给前端,Ajax监听`onreadystatechange`事件,当状态变为4(表示请求已完成)且状态码为200(表示成功)时,解析响应数据。 5. **更新页面**:前端根据接收到的数据动态更新DOM树...
- Ajax监听到onreadystatechange事件,检查返回状态,如果成功则解析JSON数据,并在聊天窗口中动态插入新的聊天记录,实现局部刷新。 文件"ajaxChat"可能包含了实现这个聊天功能的Ajax脚本和Servlet代码,通过分析...
这需要前端和后端的协同工作:前端通过Ajax监听一级菜单的改变,向服务器发送请求获取新的二级菜单数据;后端接收到请求后,处理数据并返回给前端,前端再动态更新二级菜单。在.NET中,可以利用控件间的回发事件触发...
5. **接收响应**:Ajax监听HTTP状态,当服务器返回响应时,执行回调函数处理响应数据。 6. **更新DOM**:最后,使用JavaScript动态修改DOM,实现页面局部更新。 结合SSH框架,我们需要配置和编写以下组件: 1. **...
- Ajax监听:在前端,监听分页链接的点击事件,使用Ajax发送请求。 - 响应处理:接收到服务器响应后,解析数据并更新DOM。 5. 实现细节: - 服务器端:分页类需处理Ajax请求,根据请求中的页码参数返回相应页的...
GlobalAjaxListener - 全局ajax监听器 有时候我们的页面很多操作都是ajax,现在我们有个需求,我们想知道到底执行了哪些请求或者请求时候我们想统一加一个请求头。那么我们在不改变代码的情况下该如何实现? 浏览器...
这些插件可以在后台监听和记录所有的网络请求,包括Ajax请求,以便开发者进行分析。 以"Network"面板为例,这是Chrome开发者工具的一个核心部分,它可以详细展示页面加载过程中的所有网络活动,包括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...