原文出处:http://hi.baidu.com/zwfec/item/bcb2ebe9053034c3baf37d42
昨天与一个奇怪的问题碰面, 就是ajaxSubmit请求状态200,但执行的结果是error而不是success?
在网上找了下原因,因为返回是正确的所以很是无从下手.
如下例子:
$('#intput_img').change(function(){
$('#formid').ajaxSubmit({
dataType: 'json',
type: 'POST',
success: function(r) {
alert('success');
},
error:function(){
alert('error');
}
}); return false; // 注意此处,如果不写此返回的话,页面就不是异步提交的 !
});
返回数据总是在 error 里执行,
在网上找了找相关资料,可能以下两种原因导致此种情况:
1. 返回的数据不是你定义的类型,即如果你定义的 dataType 是 json 类型的,那么返回来的数据一定是 json 才可以,不然就会执行 error 里的程序块儿。
2.原因是ajax请求跨域了,解决方法是在两个文件里都添加一段 js: document.domain
我遇到的就是第一种情况,返回的数据没用 json 的格式,而是输出的 serialize 的串,看起来似乎是正确,可是,错了
然而以上问题仍没解决我的错误:
先上代码:
var options = {
dataType:"json",
type:'post',
url:'servlet/EnterpriseServiceServlet?method=add',
beforeSubmit:showRequest,
success:showResponse,
error :showError,
clearForm:true
};
$("#winForm").ajaxSubmit(options);
改为:
dataType:'json',
原来不支持""
相关推荐
在本文中,我们将深入探讨如何使用SpringMVC和jQuery的ajaxSubmit插件实现异步上传图片的功能。这个功能在现代Web应用中非常常见,能够提供流畅的用户体验,无需页面刷新即可完成文件上传。 首先,我们需要了解...
本文讨论了在使用Ajax技术向后台提交数据时,虽然后台处理成功,但前端Ajax回调没有按预期进入success函数,而是进入了error回调的问题。这一问题在Web开发中是常见的,通常与数据提交方式、AJAX配置以及数据处理...
在以上代码中,`ajaxForm`方法将表单绑定到AjaxSubmit,`success`回调函数接收服务器返回的数据(假设是JSON格式),并将结果插入到id为`resultDiv`的元素中,从而实现局部刷新。如果发生错误,`error`回调会被调用...
当调用`form.ajaxSubmit(options)`时,它会将表单数据以Ajax方式发送到服务器,`options`参数是一个可选的对象,可以设置各种配置项,如数据类型(dataType)、提交成功后的回调函数(success)以及错误处理函数...
6. `error`: 请求失败时调用的回调函数,参数为XMLHttpRequest对象,状态码和错误信息。 7. `complete`: 请求完成时调用的回调函数,无论成功或失败都会执行。 **四、文件上传与多部分表单** `jQuery.ajaxSubmit`...
- success: 在表单数据提交成功后执行的回调函数。 - error: 在表单数据提交失败后执行的回调函数。 - dataType: 指定服务器返回数据的类型,如xml、json等。 - clearForm: 表示表单数据提交成功后是否清空表单中的...
jQuery是John Resig在2006年创建的一个开源项目,它的目标是使JavaScript编程变得简单而优雅。`jquery-1.4.2.min.js`是jQuery库的一个压缩和优化过的版本,包含了从1.4.2版本开始的所有核心功能,如选择器、DOM操作...
在前端的Ajax回调中,你可以根据`success`和`error`函数处理不同的响应。例如,展示错误消息或更新UI以反映成功提交: ```javascript success: function(response) { if (response.errors) { // 显示错误信息 ...
在提交过程中,插件会按照用户配置的beforeSubmit、success、error等回调函数顺序执行。这些函数允许开发者在不同阶段对数据或结果进行处理,增加了极大的灵活性。 三、实际应用示例 1. 基本使用 ```javascript $...
成功上传后的回调函数中打印出"success",而出现错误时则打印出"error"。return false是关键步骤,用来阻止表单在提交后被浏览器重新提交。 在实现上传文件功能的同时,需要考虑浏览器的兼容性。在IE浏览器中,file...
7. **其他选项**:ajaxForm还提供了许多其他配置选项,如timeout(超时时间)、cache(是否缓存请求)、contentType(请求内容类型)等,可以根据实际需求调整。 总的来说,ajaxForm异步提交表单是实现高效、流畅的...
通过测试不同浏览器的执行结果,可以发现某些浏览器的异常表现,如本问题中提到的火狐浏览器显示出的"error"弹框。 总结: 解决JQuery ajax函数执行失败的问题,需要从多个角度考虑,包括检查服务器端响应、调试...
Spring MVC是一个强大的MVC框架,常用于构建Java Web应用,而jQuery Form Plugin则提供了一种便捷的方式通过AJAX进行表单提交,包括文件上传。在本项目"【springmvc+jquery.form.min.js+spring文件上传】"中,我们将...
虽然这不是最优解,但在某些场景下可以作为临时解决方案。 ```javascript $("#formId").submit(function(event) { event.preventDefault(); $(this).submit(); setTimeout(function() { parent.tb_remove(); ...
- **事件监听**:插件提供了`beforeSubmit`, `uploadProgress`, `success`, `error`等事件,可以自定义上传前、上传中、上传成功和失败的处理逻辑。 - **回调函数**:如`success`回调在文件上传成功后触发,可以在...
2. **JSON结果类型**:在struts.xml中配置JSON结果类型,使Action可以返回JSON格式的数据,供Ajax请求接收。 3. **JQuery/Ajax库**:使用JQuery库发送Ajax请求,例如`$.ajax()`或`$.getJSON()`方法,与Struts2的...
例如,你可以添加一个按钮来触发提交,而不是监听表单的submit事件。 在实际开发中,还需要考虑表单验证、错误处理、跨域请求等问题。同时,要确保服务器端脚本能够正确接收并处理这些AJAX请求。这就是jQuery form ...
`success`和`error`回调函数分别处理请求成功和失败的情况。 服务器端脚本,如`file.php`和`file1.php`,会接收到这些AJAX请求并处理数据。它们可以是任何支持HTTP请求的语言编写,如PHP、Python、Node.js等。...
使用 $.ajax 时,可以设置请求类型(type)、请求地址(url)、发送的数据(data)、请求成功时的回调函数(success)、数据类型(dataType)以及错误处理(error)等参数。参数描述如下: - type(请求类型):...