今天写一个jQuery.ajax方法的时候,无论怎么搞都只会调用error对应的函数。
后来发现,是因为在这一段jQuery后面我加了一行重新reload页面:
var the_id = xxx
jQuery.ajax() {
url : "del_setting",
data : { id : the_id },
dataType : "text",
success : function() {
alert("success");
},
error : function() {
alert("error");
}
}
window.location.reload();
因为AJAX是异步加载的,所以之后的页面重载会导致AJAX请求发送失败(Firefox,对于google chrome,请求会发送出去,但仍然执行的是error的function)。
把window.location.reload();写到success或error的回调函数中即可。或者把请求设置为同步的,方法为在jQuery.ajax()方法中,指定参数async : false。
分享到:
相关推荐
本示例"Jquery跨域Ajax请求测试"将详细讲解如何利用jQuery实现这一功能。 首先,了解同源策略是理解跨域问题的关键。同源策略是浏览器为了保障用户安全而设定的一项机制,它规定了只有来自同一协议、同一域名和同一...
在现代Web开发中,使用jQuery进行Ajax请求是一种常见的操作。jQuery作为一个广泛使用的JavaScript库,简化了从客户端到服务器的数据交互,而Ajax超时的设置则是保证请求响应时效性的重要手段。当客户端向服务器发送...
在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互。本主题聚焦于jQuery中的Ajax功能,特别是如何利用它进行异步用户名验证。Ajax,即Asynchronous JavaScript and ...
本文将深入探讨一个完整的jQuery+AJAX传输请求的实例,旨在帮助开发者理解如何有效地使用这两种技术实现异步数据通信。 首先,jQuery是一个强大的JavaScript库,它为DOM操作、事件处理、动画效果和Ajax交互提供了...
jquery中ajax请求后台数据成功后既不执行success也不执行error,此外系统报错:Uncaught SyntaxError: Unexpected identifier at Object.success,但后台能够返回数据,原代码如下: var source=[]; $.ajax({ ...
然后,我们可以编写jQuery事件监听器来发送AJAX请求: ```javascript $(document).ready(function() { $("#getVerifyCode").click(function() { $.ajax({ type: "POST", // 通常用POST方式发送验证码请求 url: ...
- jQuery的$.getJSON()和$.get()、$.post()方法使AJAX请求更易编写,同时提供了一系列便利的事件处理函数,简化了页面元素的操作。 - 结合使用,可以轻松实现如分页链接的点击事件监听,触发AJAX请求,更新页面...
在提供的代码片段中,可以看到两个函数:`doload1` 和 `doload2`,它们都使用了 jQuery 的 AJAX 方法来发送请求并处理返回的数据。 ##### 2.1 doload1 函数 ```javascript function doload1() { $.ajax({ url: ...
jQuery提供了`$.ajaxStart()`和`$.ajaxStop()`来监听所有AJAX请求的开始和结束。同时,`$.ajaxComplete()`会在每个请求完成后触发,无论成功或失败。 ### 错误处理 使用`error`回调函数可以捕获和处理请求错误,如...
在jQuery中,`ajaxSend`、`ajaxComplete`、`ajaxSuccess`、`ajaxError`等事件是Ajax过滤器的一部分,它们允许我们在Ajax请求的生命周期中插入自定义的行为。通过绑定这些事件,我们可以监听Ajax请求的状态,比如在...
在这个"JqueryAjax简单实例"中,我们主要关注如何在Visual Studio 2005 C#环境下利用jQuery实现AJAX的功能。首先,我们需要确保项目中已经引入了jQuery库。这通常通过在HTML头部添加jQuery库的CDN链接或者将jQuery....
然后,使用jQuery的`.ajax()`方法或更简单的`.get()`、`.post()`方法发起AJAX请求。例如: ```javascript $.ajax({ type: 'POST', url: '/ajax', // 对应控制器中的方法 data: {key: 'value'}, // 发送的数据 ...
- `$.ajax()`: 这是jQuery中最核心的AJAX函数,用于发起一个完整的AJAX请求。参数包括URL、类型(GET或POST)、数据、回调函数等。 - `$.get()`: 用于发起GET请求,简化了`$.ajax()`的使用,只需提供URL和回调函数...
综上所述,"Java通过jQuery实现ajax异步请求"的示例工程涵盖了客户端与服务器端的交互流程,包括使用jQuery发起AJAX请求、Java后端处理请求并返回数据,以及数据格式的转换和错误处理。了解并掌握这些知识点,对于...
- **发送AJAX请求**:当触发事件时,构建一个AJAX请求,将当前输入的值作为参数发送到服务器。 - **处理响应**:服务器返回验证结果,可能是JSON格式的数据。在AJAX的success回调中,解析响应并根据结果更新UI,...
2. **创建AJAX请求**:jQuery的`.ajax()`方法用于创建AJAX请求。在这个例子中,我们可能使用类似`$.ajax({ url: 'Handler.ashx', type: 'POST' })`的代码,其中`url`指定服务器端的处理程序,`type`指明请求类型...
如果你的AJAX请求需要跨域,可以考虑使用JSONP(JSON with Padding)或者CORS(Cross-Origin Resource Sharing)策略。 8. **ASP.NET MVC中的AJAX调用** 在ASP.NET MVC中,我们可以创建一个ActionResult,然后在...
在给定的标题和描述中,主要涉及两个关键知识点:使用jQuery的AJAX方法读取TXT文件和实现jQuery分页功能。接下来,我们将深入探讨这两个主题。 首先,我们来讨论如何使用jQuery的AJAX方法读取TXT文件。AJAX(异步...
在客户端,我们可以使用jQuery的`.ajax()`方法发起AJAX请求。以下是一个简单的例子: ```javascript $.ajax({ url: '/api/user', type: 'GET', data: { id: 1 }, success: function(user) { // 处理返回的用户...
首先,jQuery的$.ajax()函数是进行Ajax请求的核心,它允许我们与服务器进行异步数据通信。在“使用jQuery ajax提交表单代码”的资源中,我们可以期待看到一个清晰的示例,展示如何将表单数据发送到服务器,并处理...