`

jquery ajax parsererror was not called

阅读更多

示例如下:

       $.ajax({
            url:_url,
            dataType:'jsonp',          
            jsonp:'jsonpcallback',   
            contentType : "application/json",
            data:{
                   'a.c':'0',
                   'a.p':'pass',
                   'a.s':22,
                  'a.u':'user'
             },
            success:function(result){
                     $("body").unblock();
                    alert('success');
            },
           error:function(xhr,ajaxOptions,thrownError) {
                  $("body").unblock();
                  alert(xhr.statusText);
                  alert(xhr.responseText);
                  alert(xhr.status);
                  alert(thrownError);
            }
        });

结果:parsererror, 200, undefined, jQuery16404238360976138926_1344922361673 was not called

 解决此问题

首先分析错误提示:parsererror 是解析器错误,

 jQuery15001997238997904205_1298484897373 was not called  是jQuery150019...此函数没被执行。

那么为什么这个函数没被调用呢?

我们来看一下,jQuery15001997238997904205_1298484897373  这个函数名的来由,  此是在跨域ajax时自动产生的,怎么跨域? jsoncallback=?  就是加一个这个,然后后台代码里也返回这个参数的值就行了。

两段代码里都有dataType、error ,那么先来熟悉一下jquery里的ajax怎么介绍它们的?(官方:api.jquery.com/jQuery.ajax

dataType

类型:String

预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如 XML MIME 类型就被识别为 XML。在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:

  • "xml": 返回 XML 文档,可用 jQuery 处理。
  • "html": 返回纯文本 HTML 信息;包含的 script 标签会在插入 dom 时执行。
  • "script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。(因为将使用 DOM 的 script标签来加载)
  • "json": 返回 JSON 数据 。
  • "jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。
  • "text": 返回纯文本字符串

error

类型:Function

默认值: 自动判断 (xml 或 html)。请求失败时调用此函数。

有以下三个参数:XMLHttpRequest 对象、错误信息、(可选)捕获的异常对象。

如果发生了错误,错误信息(第二个参数)除了得到 null 之外,还可能是 "timeout", "error", "notmodified" 和 "parsererror"。

这是一个 Ajax 事件。

熟悉了上边的介绍,那么parsererror错误怎么会触发了呢? 其实还是要看跨域问题的。

首先要确保,后台代码返回的是json格式吗? 如果是返回的json头格式是什么? 如果是文本,一般是html,

那么,解析器是要转换成json格式的,  因为,我们定义的dataType : "json", 由此可以得到,是解析器在转换的过程中失败的,但是,这也是有概率的,在频繁请求json数据的时候。

因此,解决办法是

方法一:一定要在后台代码,返回数据的时候,指定返回的数据格式:  (最好此方法)

context.Response.ContentType = "application/json";
context.Response.ContentEncoding = System.Text.Encoding.UTF8;

同时:要返回规范的json,{R: 1} 这种是不行的,在jquery1.3版本以后是解析不了的。

{"R": 1} 这种的才行。

后台没有加返回格式的情况(默认成html了)

后台加上返回的格式是json后,返回的就是json。  (以上2张图截自 firebug)

方法二:

success:function(data){
    data
= JSON.parse(data);
   
// process data
},

附:

eval解析JSON中的注意点 (http://www.camnpr.com/archives/564.html)

jQuery16404238360976138926_1344922361673({"R":1,"T":[{"I":"B24B116B","N":"餐饮服务","F":"7"},{"I":"E040-A8C0E801798B","N":"公园景区","F":"6"}]})

转载原创:http://blog.csdn.net/baggio7095586/article/details/38421955

添加第三种方法:

在代码里面添加对jsoncallback的处理(下面是struts2的action处理代码):

 String jsonpcallback = StringUtil.handleNULL(request.getParameter("jsonpcallback"));
       String outStr = "";
       PrintWriter out = null;
       try {
             out = response.getWriter();
             outStr = JSONObject.fromObject(info).toString(1, 1);
       } catch (IOException e) {
                 // logger.error(e.getMessage(), e);
                  e.printStackTrace();
        }
       if (out != null) {
       if (StringUtil.isNotEmpty(jsonpcallback)) {
                outStr = jsonpcallback + "(" + outStr + ")";
       }
           out.println(outStr);
           out.flush();
           out.close();
       }

其实,这个问题的调试技巧很重要,很清楚的把error里面的信息捕捉到。

 

分享到:
评论

相关推荐

    js跨域,ajax报parsererror

    完美解决js跨域,ajax报parsererror。框架struts2+Spring。

    完美解决ajax跨域请求下parsererror的错误

    ajax请求报parsererror错误是很宽泛的概念,很多情况下都报这个错, 在很多时候,即使ajax提交、返回都正常 XMLHttpRequest.status=200 (正常响应) XMLHttpRequest.readyState=4 (正常接收) ajax也会提示一个parse...

    JQuery ajax中error返回错误及一直返回error的解答

    本文将详细探讨`jQuery.ajax()`中遇到的`error`返回错误以及为何会一直返回`error`的情况。 首先,`jQuery.ajax()`的`async`参数默认设置为`true`,意味着请求是异步的,即在等待服务器响应的同时,浏览器可以继续...

    Saving ASP.Net Form Data with jQuery AJAX and JSON Parser

    然而,为了提供更好的用户体验,我们可以使用jQuery的AJAX功能来异步保存数据,避免页面的刷新。这篇文章将深入探讨如何结合jQuery、AJAX和JSON解析器来实现这一目标。 首先,我们需要理解jQuery的AJAX方法。AJAX...

    jquery ajax方法实现实例

    6. **error**:请求失败时的回调函数,提供三个参数:`jqXHR`(jQuery封装的XMLHttpRequest对象)、`textStatus`(错误状态,如'timeout'、'error'、'parsererror'等)和`errorThrown`(错误信息)。 以下是一个...

    jQuery url Parser 字符串解析插件 v1.0

    此外,由于插件标签为"Web开发源代码"和"JS/Ajax源代码",我们可以推断jQuery URL Parser适用于任何基于JavaScript和Ajax的Web应用程序。它不仅限于jQuery环境,也可以在其他支持jQuery的框架(如React、Vue或...

    Servlet 与 Ajax 交互一直报status=parsererror的解决办法

    然而,开发者在使用Ajax与Servlet进行数据交互时,有时会遇到返回数据格式不正确的问题,导致前端JavaScript在解析响应时抛出“parsererror”的错误。这种错误提示意味着JSON解析器无法正确解析从服务器返回的数据。...

    jquery中ajax使用error调试错误的方法

    下面是关于如何在jQuery中通过ajax的error方法调试错误的详细知识点。 ### jQuery Ajax Error方法 在jQuery中,当使用ajax方法发起异步请求时,可以通过配置选项中的`error`回调函数来处理请求失败的情况。这个...

    the string was not recognized as a valid Datetime.

    在编程和数据处理中,"the string was not recognized as a valid Datetime" 是一个常见的错误信息,它通常出现在尝试将一个字符串转换为日期时间格式时,由于字符串不符合预期的日期时间格式导致的。这个错误表明...

    MVC_TIP5:JQuery_AJAX错误捕获

    **MVC_TIP5:JQuery_AJAX错误捕获** 在Web开发中,MVC(Model-View-Controller)模式是一种广泛采用的设计模式,它将应用程序分为模型、视图和控制器三个部分,以实现良好的代码组织和职责分离。在这个话题中,我们...

    jQuery中ajax错误调试分析

    在前端开发中,jQuery 的 AJAX 功能被广泛用于与服务器进行异步数据交换。然而,由于各种原因,我们可能会遇到 AJAX 请求出错的情况。本文将深入探讨如何在 jQuery 中进行 AJAX 错误调试分析。 首先,jQuery 的 `$....

    jquery扩展demo

    包含扩展jquery.accordion.js、jquery.combobox.js、jquery.datagrid.js、jquery.datebox.js、...jquery.parser.js、jquery.select2.js、jquery.tabs.js、jquery.tooltip.js、jquery.tree.js、jquery.validatebox.js

    jQuery AJAX timeout 超时问题详解

    在AJAX请求的error事件中,除了超时之外,还可能遇到其他类型的错误,如服务器错误("error")、未修改("notmodified")和解析错误("parsererror")。开发者可以根据需要处理这些不同的错误类型。 除了错误处理...

    jQuery 1.6 API 中文版

    这个回调函数得到2个参数: jqXHR (in jQuery 1.4.x, XMLHTTPRequest) 对象和一个描述成功请求类型的字符串("success", "notmodified", "error","timeout", or "parsererror") 。在jQuery 1.5, complete设置可以...

    解决"XML Parser Error on line 1: 前言中不允许有内容"错误

    解决 XML Parser Error on line 1: 前言中不允许有内容错误 XML 解析器错误是指在解析 XML 文件时出现的错误,可能是由于 XML 文件的格式不正确或解析器的设置问题所引起的。在 Windows 自带的记事本中编辑 XML ...

    jQuery 1.3 API 参考文档中文版 html

    + ajax的error回调的第二个参数可能值"timeout", "error", "notmodified" 和 "parsererror" + ajax参数xhr * animate 的duration为0的问题 * show, hide, toggle, slideDown, slideUp, slideToggle 在jQuery 1.3中,...

Global site tag (gtag.js) - Google Analytics