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

在项目中，用到了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['b']="hello";
echo json_encode($a);

输出的正确的内容：

{"c":"\u4f60\u597d<","b":"hello<"}

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

而客户端获取的内容是：

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

可见，由于 / 被处理为\/,浏览器认为标签不完整，将标签给自动补齐而导致多了标签。
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