`

ajaxSubmit请求状态200,但执行的结果是error而不是success

    博客分类:
  • js
 
阅读更多

原文出处: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) 异步上传图片

    在本文中,我们将深入探讨如何使用SpringMVC和jQuery的ajaxSubmit插件实现异步上传图片的功能。这个功能在现代Web应用中非常常见,能够提供流畅的用户体验,无需页面刷新即可完成文件上传。 首先,我们需要了解...

    解决ajax提交到后台数据成功但返回不走success而走的error问题

    本文讨论了在使用Ajax技术向后台提交数据时,虽然后台处理成功,但前端Ajax回调没有按预期进入success函数,而是进入了error回调的问题。这一问题在Web开发中是常见的,通常与数据提交方式、AJAX配置以及数据处理...

    ajaxSubmit局部刷新

    在以上代码中,`ajaxForm`方法将表单绑定到AjaxSubmit,`success`回调函数接收服务器返回的数据(假设是JSON格式),并将结果插入到id为`resultDiv`的元素中,从而实现局部刷新。如果发生错误,`error`回调会被调用...

    jquery-form.js

    当调用`form.ajaxSubmit(options)`时,它会将表单数据以Ajax方式发送到服务器,`options`参数是一个可选的对象,可以设置各种配置项,如数据类型(dataType)、提交成功后的回调函数(success)以及错误处理函数...

    jQuery.ajaxSubmit:通过ajax发送表单

    6. `error`: 请求失败时调用的回调函数,参数为XMLHttpRequest对象,状态码和错误信息。 7. `complete`: 请求完成时调用的回调函数,无论成功或失败都会执行。 **四、文件上传与多部分表单** `jQuery.ajaxSubmit`...

    如何理解jQuery中的ajaxSubmit方法

    - success: 在表单数据提交成功后执行的回调函数。 - error: 在表单数据提交失败后执行的回调函数。 - dataType: 指定服务器返回数据的类型,如xml、json等。 - clearForm: 表示表单数据提交成功后是否清空表单中的...

    jquery ajaxSubmit提交所用到的jquery.form.js

    jQuery是John Resig在2006年创建的一个开源项目,它的目标是使JavaScript编程变得简单而优雅。`jquery-1.4.2.min.js`是jQuery库的一个压缩和优化过的版本,包含了从1.4.2版本开始的所有核心功能,如选择器、DOM操作...

    Laravel开发-form-ajax-submit

    在前端的Ajax回调中,你可以根据`success`和`error`函数处理不同的响应。例如,展示错误消息或更新UI以反映成功提交: ```javascript success: function(response) { if (response.errors) { // 显示错误信息 ...

    jquery_form_js 表单提交自定义源码

    在提交过程中,插件会按照用户配置的beforeSubmit、success、error等回调函数顺序执行。这些函数允许开发者在不同阶段对数据或结果进行处理,增加了极大的灵活性。 三、实际应用示例 1. 基本使用 ```javascript $...

    jQuery.Form实现Ajax上传文件同时设置headers的方法

    成功上传后的回调函数中打印出"success",而出现错误时则打印出"error"。return false是关键步骤,用来阻止表单在提交后被浏览器重新提交。 在实现上传文件功能的同时,需要考虑浏览器的兼容性。在IE浏览器中,file...

    ajaxForm异步提交表单(含图片)

    7. **其他选项**:ajaxForm还提供了许多其他配置选项,如timeout(超时时间)、cache(是否缓存请求)、contentType(请求内容类型)等,可以根据实际需求调整。 总的来说,ajaxForm异步提交表单是实现高效、流畅的...

    解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题

    通过测试不同浏览器的执行结果,可以发现某些浏览器的异常表现,如本问题中提到的火狐浏览器显示出的"error"弹框。 总结: 解决JQuery ajax函数执行失败的问题,需要从多个角度考虑,包括检查服务器端响应、调试...

    【springmvc+jquery.form.min.js+spring文件上传】

    Spring MVC是一个强大的MVC框架,常用于构建Java Web应用,而jQuery Form Plugin则提供了一种便捷的方式通过AJAX进行表单提交,包括文件上传。在本项目"【springmvc+jquery.form.min.js+spring文件上传】"中,我们将...

    ThickBox关闭层自动刷新和页面数据提交冲突问题

    虽然这不是最优解,但在某些场景下可以作为临时解决方案。 ```javascript $("#formId").submit(function(event) { event.preventDefault(); $(this).submit(); setTimeout(function() { parent.tb_remove(); ...

    jquery文件上传js:jquery.form.js

    - **事件监听**:插件提供了`beforeSubmit`, `uploadProgress`, `success`, `error`等事件,可以自定义上传前、上传中、上传成功和失败的处理逻辑。 - **回调函数**:如`success`回调在文件上传成功后触发,可以在...

    struts2 ajax 实例

    2. **JSON结果类型**:在struts.xml中配置JSON结果类型,使Action可以返回JSON格式的数据,供Ajax请求接收。 3. **JQuery/Ajax库**:使用JQuery库发送Ajax请求,例如`$.ajax()`或`$.getJSON()`方法,与Struts2的...

    自己写的Jquery form ajax 事例

    例如,你可以添加一个按钮来触发提交,而不是监听表单的submit事件。 在实际开发中,还需要考虑表单验证、错误处理、跨域请求等问题。同时,要确保服务器端脚本能够正确接收并处理这些AJAX请求。这就是jQuery form ...

    ajax方式提交表单,全局提交

    `success`和`error`回调函数分别处理请求成功和失败的情况。 服务器端脚本,如`file.php`和`file1.php`,会接收到这些AJAX请求并处理数据。它们可以是任何支持HTTP请求的语言编写,如PHP、Python、Node.js等。...

    jQuery Ajax 实例代码 ($.ajax、$.post、$.get)

    使用 $.ajax 时,可以设置请求类型(type)、请求地址(url)、发送的数据(data)、请求成功时的回调函数(success)、数据类型(dataType)以及错误处理(error)等参数。参数描述如下: - type(请求类型):...

Global site tag (gtag.js) - Google Analytics