【原创】08. easyui form控件，回调参数存在后缀 audio controls="controls" style="display: none;"></audio>

版本：

1. jQuery EasyUI 1.4.3
2. springmvc 3.2.6
3. 谷歌浏览器，内核版本 chrome 56.0.2924.87
4. 360急速浏览器，内核版本 chrome 50.0.2661.102
   查看版本方式：http://chrome.360.cn/test/core/
   

   ---

场景：

1. easyui 使用如下：

   1 2 3 4 5 6

   $(datagrid.dilogFormID).form('submit', {     url: datagrid.submitUrl,     iframe:false,     onSubmit: function(param){},     error:function(result){},     success: function(res){...}

2. spingmvc code:
   

   1 2 3 4 5 6

   @RequestMapping(value="/saveOrUpdateParkAdditional.do") @ResponseBody public String saveOrUpdateParkAdditional(HttpServletRequest request) {     return "itemTypeError"; }

3. 先用谷歌浏览器提交from，返回响应：响应结果是正确的
   
   但是，当我调试js查看success回调函数 参数时，发现 正确结构后面被追加了：<audio controls="controls" style="display: none;"></audio>
   
4. 查看easyui源码，发现几处关键代码：
1. 这个success回调函数：res 的值是在何处？如何得到到？

   1 2 3 4 5 6 7 8 9 10

   function cb() {     var f = $("#" + _507); // $("#" + _507) 何时创建的，什么内容？     if (!f.length) {         return;     }     f.unbind();     var data = "";     try {         var body = f.contents().find("body");         data = body.html();

   

2. 再跟踪这个 body 的来源：
   

   1 2 3 4 5 6 7 8 9 10 11 12

   (function($) { function _503(_504, _505) {     var opts = $.data(_504, "form").options;     $.extend(opts, _505 || {});     var _506 = $.extend({}, opts.queryParams);     if (opts.onSubmit.call(_504, _506) == false) {         return;     }     $(_504).find(".textbox-text:focus").blur();     var _507 = "easyui_frame_" + (new Date().getTime());     var _508 = $("<iframe id=" + _507 + " name=" + _507 + "></iframe>")             .appendTo("body");   // here

   原来easyui 添加了个iframe，并将服务端的返回值 塞进 该iframe#body
   

5. 那么问题关键点，找到了，就是这个$(...).appendTo("body")，分别在 当前最高版本谷歌(chrome 56.0.2924.87) 和 360急速浏览器（chrome 50.0.2661.102）执行：
   

   1	$("<iframe id='t2eewqeqwst' name='tews2st'></iframe>").appendTo('body')

   验证发现：

1. 谷歌，body 存在 auto 元素
   
   补加测试：chrome 55 版本也存在 auto 元素
2. 360急速浏览器，body 元素内是干净的。
   
6. 原因找到了，但是至于怎么正面解决还不清楚。
   不过我们可以返回非String来避免，比如：Map<String,String> 类型即可避免。

---

再补充一个easyui form 导致中文乱码的问题：

   场景如下：

1. springmvc controller：

   1 2 3

   @RequestMapping(value="/saveOrUpdateParkAdditional.do") @ResponseBody public List<Map<String,Object>> saveOrUpdateParkAdditional(HttpServletRequest request) { ....}

1. 当返回类型 String 时，或者是 List,Map等，内容含有中文是不会导致中文乱码的
2. 当返回类型!String 时，且情形如下，会出现中文乱码：
   

   1 2 3 4 5 6

   @RequestMapping(value="/saveOrUpdateParkAdditional.do")     @ResponseBody     public String saveOrUpdatePark...{        renturn "中文"     }

3. sss