当前位置: 首页>html>关于jquery ajax 上传文件返回json内容包含html标签不

关于jquery ajax 上传文件返回json内容包含html标签不

时间:2015-07-08 11:43 来源:网络整理 作者:KKWL 点击:
在项目中,用到了jquery jquery.form.js 来进行ajax上传图片的操作。 为了开发方便,直接在服务器端输出的json数据中包好了拼装好的html代码。 结果呢,success函数没有执行。 你可以试试,

在项目中,用到了jquery jquery.form.js 来进行ajax上传图片的操作。

  为了开发方便,直接在服务器端输出的json数据中包好了拼装好的html代码。

  结果呢,success函数没有执行。

  你可以试试,直接$.getJSON()返回的数据中包含html代码是没有问题的。

 其实,这是由于jquery.form.js 对对上传文件采用的是iframe提交表单的方式所导致的,有兴趣的可以看下源代码:

xhr.responseText = doc.documentElement ? doc.documentElement.innerHTML : null; xhr.responseXML = doc.XMLDocument ? doc.XMLDocument : doc;

看看,是这样获取返回的内容。

$a=array();
$a['c']="<a>你好</a>";
$a['b']="<font>hello</font>";
echo json_encode($a);

输出的正确的内容:

{"c":"<a>\u4f60\u597d&lt;</a>","b":"<font>hello&lt;</font>"}

为了调速将修改为 dataType:'text'

而客户端获取的内容是:

{"c":"<a>\u4f60\u597d&lt;\/a&gt;","b":"<font>hello&lt;\/font&gt;"}</font></a>

可见,由于 / 被处理为\/,浏览器认为标签不完整,将标签给自动补齐而导致多了标签。 ok 找到原因了:html标签< >导致的。 如何解决: 将标签< > 编码: $json=json_encode($a); $json=strtr($json, array('<'=>'\u003C',">"=>'\u003E'));

echo $json;

若phpversion>5.3.0  可以 echo  json_encode($a,JSON_HEX_TAG);

如此,html代码从json中正常取到了!keyword:ajax file get json width html,ifrmae

版权声明:本文为博主原创文章,未经博主允许不得转载。

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------