示例如下:
$.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。框架struts2+Spring。
ajax请求报parsererror错误是很宽泛的概念,很多情况下都报这个错, 在很多时候,即使ajax提交、返回都正常 XMLHttpRequest.status=200 (正常响应) XMLHttpRequest.readyState=4 (正常接收) ajax也会提示一个parse...
本文将详细探讨`jQuery.ajax()`中遇到的`error`返回错误以及为何会一直返回`error`的情况。 首先,`jQuery.ajax()`的`async`参数默认设置为`true`,意味着请求是异步的,即在等待服务器响应的同时,浏览器可以继续...
然而,为了提供更好的用户体验,我们可以使用jQuery的AJAX功能来异步保存数据,避免页面的刷新。这篇文章将深入探讨如何结合jQuery、AJAX和JSON解析器来实现这一目标。 首先,我们需要理解jQuery的AJAX方法。AJAX...
6. **error**:请求失败时的回调函数,提供三个参数:`jqXHR`(jQuery封装的XMLHttpRequest对象)、`textStatus`(错误状态,如'timeout'、'error'、'parsererror'等)和`errorThrown`(错误信息)。 以下是一个...
此外,由于插件标签为"Web开发源代码"和"JS/Ajax源代码",我们可以推断jQuery URL Parser适用于任何基于JavaScript和Ajax的Web应用程序。它不仅限于jQuery环境,也可以在其他支持jQuery的框架(如React、Vue或...
然而,开发者在使用Ajax与Servlet进行数据交互时,有时会遇到返回数据格式不正确的问题,导致前端JavaScript在解析响应时抛出“parsererror”的错误。这种错误提示意味着JSON解析器无法正确解析从服务器返回的数据。...
下面是关于如何在jQuery中通过ajax的error方法调试错误的详细知识点。 ### jQuery Ajax Error方法 在jQuery中,当使用ajax方法发起异步请求时,可以通过配置选项中的`error`回调函数来处理请求失败的情况。这个...
在编程和数据处理中,"the string was not recognized as a valid Datetime" 是一个常见的错误信息,它通常出现在尝试将一个字符串转换为日期时间格式时,由于字符串不符合预期的日期时间格式导致的。这个错误表明...
**MVC_TIP5:JQuery_AJAX错误捕获** 在Web开发中,MVC(Model-View-Controller)模式是一种广泛采用的设计模式,它将应用程序分为模型、视图和控制器三个部分,以实现良好的代码组织和职责分离。在这个话题中,我们...
在前端开发中,jQuery 的 AJAX 功能被广泛用于与服务器进行异步数据交换。然而,由于各种原因,我们可能会遇到 AJAX 请求出错的情况。本文将深入探讨如何在 jQuery 中进行 AJAX 错误调试分析。 首先,jQuery 的 `$....
包含扩展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
在AJAX请求的error事件中,除了超时之外,还可能遇到其他类型的错误,如服务器错误("error")、未修改("notmodified")和解析错误("parsererror")。开发者可以根据需要处理这些不同的错误类型。 除了错误处理...
这个回调函数得到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 解析器错误是指在解析 XML 文件时出现的错误,可能是由于 XML 文件的格式不正确或解析器的设置问题所引起的。在 Windows 自带的记事本中编辑 XML ...
+ ajax的error回调的第二个参数可能值"timeout", "error", "notmodified" 和 "parsererror" + ajax参数xhr * animate 的duration为0的问题 * show, hide, toggle, slideDown, slideUp, slideToggle 在jQuery 1.3中,...