|
在做项目 的时候用ajaxFileUpload上传文件的时候服务器返回了json或是捕获不到数据,用百度google搜索了下,没有找什么答案,这就奇怪了,明明服务器返回了json数据,但为什么会捕获不到呢?
我把ajaxFileUpload源码拿过来了研究了一下,结果在这里发现了一点问题,代码如下:
uploadHttpData: function( r,type ) {
var data = !type;
data = type == "xml" || data ? r.responseXML : r.responseText;
if ( type == "script" )
jQuery.globalEval( data );
if ( type == "json" ) {
eval( "data = " + data);
}
if ( type == "html" )
jQuery("<div>").html(data).evalScripts();
return data;
}
|
看上面的代码if(type=="json")这里,然后下面就是执行了eval;
我在这里断了个点
然后看到调试里显示r.responseText值是这样的
<pre>{...这里是服务器返回的json数据}</pre>
我到是奇怪了,服务器明明返回的是json数据,但是捕获到的确是json数据被
<pre>包含
结果看服务器输出的头是这样的
header("Content-type:application/json; charset=utf-8");
这个说明是想告诉浏览器返回的数据格式是json格式,RFC4627标准中就规定了JSON数据的媒体类型是application/json,应该是没有错的,可能是估计目前有浏览器这个类型支持的不是太好,把获取到的数据会加上</pre>
<pre>搞定的方法
一,是改这个header部分为header("Content-type:text/html;charset=utf-8");改为text类型就没有问题了
二.改写ajaxFileUpload上面代码里的内容,具体内容我就直接上代码了,意思就是将<pre>过滤掉
if ( type == "json" ) {
data = r.responseText;
var start = data.indexOf(">");
if(start != -1) {
var end = data.indexOf("<",start + 1);
if(end != -1) {
data = data.substring(start + 1,end);
}
}
以上摘自http://upvup.com/html/JQuery/2014-11-15/8.html
经历了这些，依然没有解决我的问题，console.log(data)后，依然显示
<pre> style='word-wrap: break-word; white-space: pr…na/wu/doc_img/20150227/1424973817.png'}</pre>
本来下午就在公司加班到天黑还没有解决的问题，现在回家折腾了两个小时还存在，很是恼火，顺便吐槽下长城宽带，慢的跟头猪一样，想上刷会微博休息下，网也上不去，FAST无线路由器也是便宜没好货，间歇性掉线，气愤之余又打开3G流量立马拍了个tplink，统统都换了！
然后又继续折腾。
本已疲惫不堪，又压住烦躁的心情再去仔细看一遍ajaxfileupload.js的源码(这酸爽,简直duang~duang~duang)，就在这时代码加上了特技，发现complete回调函数没有data参数，原来，之前因为pre标签，始终不执行success:function(data)，为了绕过，使用了complete:function(data)，导致无论怎样修改源码，依然带pre标签，按照上文的介绍，使用success:function(data)成功返回正常的json。
原文地址：https://lurrpis.com/1306.html （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
|
