" /> - 秒客网" />

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

时间:2022-11-20 00:40:14
版本:
  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,返回响应:响应结果是正确的
    【原创】08. easyui form控件,回调参数存在后缀 audio controls="controls" style="display: none;"></audio>
    但是,当我调试js查看success回调函数 参数时,发现 正确结构后面被追加了:<audio controls="controls" style="display: none;"></audio>
    【原创】08. easyui form控件,回调参数存在后缀 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();

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

    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
      【原创】08. easyui form控件,回调参数存在后缀 audio controls="controls" style="display: none;"></audio>

  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 元素
      【原创】08. easyui form控件,回调参数存在后缀 audio controls="controls" style="display: none;"></audio>
      补加测试:chrome 55 版本也存在 auto 元素
    2. 360急速浏览器,body 元素内是干净的。
      【原创】08. easyui form控件,回调参数存在后缀 audio controls="controls" style="display: none;"></audio>
  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

【原创】08. easyui form控件,回调参数存在后缀 audio controls="controls" style="display: none;"></audio>的更多相关文章

  1. 前端模板之EasyUI常用控件及参数

    CSS类定义 div easyui-window window窗口样式 属性如下: 1) modal:是否生成模态窗口.true[是] false[否] 2) shadow:是否显示窗口阴影.true ...

  2. &lbrack;转&rsqb;easyui常用控件及样式API中文收藏

    [转]easyui常用控件及样式收藏 2013-05-06 23:01 30612人阅读 评论(0) 收藏 举报  分类: java ee(5)  目录(?)[+] CSS类定义: div easyu ...

  3. EasyUI常用控件禁用方法

    EasyUI常用控件禁用方法: 1.validatebox可以用的用法:前两种适用于单个的validatebox; 第三种应用于整个form里面的输入框; <1>.$("#id& ...

  4. C&num; 跨线程调用form控件技巧及byte&lbrack;&rsqb;与string型相互转换

    跨线程调用form控件技巧 private delegate void MethodSocket(object obj);//使用托管 ss = "OK"; this.BeginI ...

  5. 疑似easyui本身bug:easyui时间控件问题,试了几个版本都不行

    最近发现easyui时间控件的值格式不支持带斜杠的日期(2016/10/31),必须是2016-10-31这类的才能正常使用,否则默认初始化为当前时间 <input id="Retur ...

  6. 《zw版&&num;183&semi;Halcon-delphi系列原创教程》halconxlib控件列表

    <zw版·Halcon-delphi系列原创教程>halconxlib控件列表 Halcon v11.01版,com控件,安装后,共有75个控件,      不过最重要的控件,只有两个,T ...

  7. 在WPF中添加Windows Form控件(包括 ocx控件)

      首先,需要向项目中的reference添加两个dll,一个是.NET库中的System.Windows.Forms,另外一个是WindowsFormsIntegration,它的位置一般是在C:\ ...

  8. Jquery获取EasyUI时间控件的值

    jquery easyui日期控件中,在页面里用JS拿到设置的日期值的方法 jquery easyui 日期框 有这样的一个日期文本框: <input type=" value=&qu ...

  9. easyui时间控件用js实时获取选定的时间的取法

    easyui时间控件用js实时获取选定的时间的取法var   datetime=$("#id").datetimebox("getValue");不能用 $(& ...

随机推荐

  1. 使用Xmanager远程访问Redhat Enterprise Linux 6&period;1

    使用Xmanager远程访问Redhat Enterprise Linux 6.1   在Linux服务器开启gdm 配置防火墙 配置selinux 使用xmanager连接linux服务器 在Lin ...

  2. Xamarin开发Android笔记:图片切换ImageSwitcher

    在移动应用开发过程中经常会使用到图片展示场景,例如利用多张图片说明一个产品的特点,此处就会使用到ImageSwithcher,当然也可以使用ViewFliper来实现,但使用ViewFliper的时候 ...

  3. ubuntu vim YCM

    http://blog.sina.com.cn/s/blog_499386b00100rxm1.html http://www.cnblogs.com/junnyfeng/p/3633697.html

  4. 模块热替换 HMR

    devserver:{hot:true},既及时更新代码,样式(需配合loader)变化,自动重编译,只适用于开发环境. 入口文件中,添加监视: + if (module.hot) {+ module ...

  5. Nginx 相关介绍&lpar;Nginx是什么&quest;能干嘛&quest;&rpar;

    Nginx的产生 没有听过Nginx?那么一定听过它的"同行"Apache吧!Nginx同Apache一样都是一种WEB服务器.基于REST架构风格,以统一资源描述符(Unifor ...

  6. 20165231 2017-2018-2 《Java程序设计》第8周学习总结

    教材学习内容总结 进程与线程 程序是一段静态的代码,它是应用软件执行的蓝本. 进程是程序的一次动态执行过程,它对应了从代码加载.执行至执行完毕的一个完整过程,这个过程也是进程本身从产生.发展至消亡的过 ...

  7. QGIS中坐标偏移处理

    to_real("LGTD")+(randf(0.0,1.0)-0.5)*2/1000000.0 getRandomValue() import numpy def getRand ...

  8. luoguP1064 金明的预算方案 &lpar;有依赖的背包问题)

    题目链接:https://www.luogu.org/problemnew/show/P1064 这是一个有依赖的背包问题,属于01背包的变式.这题还好,每个主件最多有2个附件,那么在对主件进行背包的 ...

  9. QT STUDY 模型-视图-控制器

  10. NoSQL数据库浅析

    NoSQL(NoSQL = Not Only SQL ):非关系型的数据库.NoSQL有时也称作Not Only SQL的缩写,是对不同于传统的关系型数据库的数据库管理系统的统称. 今天我们可以通过第 ...