dwz之jqgrid请求重复提交bug修复

简介: dwz之jqgrid请求重复提交bug修复

dwz之jqgrid请求重复提交bug修复。


问题描述


<span style="font-family:Microsoft YaHei;font-size:18px;">m60368632015-02-05 11:37发表 [回复] [引用] [举报] [删除]回复qing_gee:我这项目做完也研究了好久,在独立页面载入了js吧 然后载入一次后台Hibernate: select 。。。一次

点第二次后台Hibernate: select 二次 点n次后台获取Hibernate: select n次 导致越后面时间越长 完全不能用,能大概想到是哪里的问题么?</span>


以上是 m6036863提出的问题,已经能够很清楚的描述了问题为什么发生,以及发生后的现象。我通过firebug进行问题的状况再现:

image.png


可以从上图中发现:只要页面中存在jqGrid,那么请求就会几何指数的上涨,这必然会导致页面在大量请求下死掉,那么为什么会这样呢?

问题分析


1.加载了一次jqgrid页面后,由于dwz的某些机制,导致了页面请求重复加载

2.在jqgrid页面中某些代码破坏了dwz的请求机制

解决方案


1.去掉jqgrid页面的元素请求

<span style="font-family:Microsoft YaHei;font-size:18px;"><script type="text/javascript">

proxyListpageGrid.initjqgridPage();

</script></span>

结果发现,问题不见了,那么可以定位到了该问题发生的大方面的因素


2.但是去掉jqgrid页面的元素请求是非常不合理的,这面页面就废了,那么应该是某些自己重写的方法影响到了,再回顾代码,原本jqgrid的gridComplete方法中,我放入了


<span style="font-family:Microsoft YaHei;font-size:18px;"> // 加载navtab

               initjqgridNavTab();</span>


这样的代码,是为了让a标签的打开方式在当前页面中,见下面内容


<span style="font-family:Microsoft YaHei;font-size:18px;">/**

* 设置jqgrid的超链接方式

*/

function initjqgridNavTab(){

    // navTab table.jqgrid

   $("a[target=navTab]").each(function(){

       $(this).click(function(event){

           var $this = $(this);

           var title = $this.attr("title") || $this.text();

           var tabid = $this.attr("rel") || "_blank";

           var fresh = eval($this.attr("fresh") || "true");

           var external = eval($this.attr("external") || "false");

           var url = unescape($this.attr("href")).replaceTmById($(event.target).parents(".unitBox:first"));

           DWZ.debug(url);

           if (!url.isFinishedTm()) {

               alertMsg.error($this.attr("warn") || DWZ.msg("alertSelectMsg"));

               return false;

           }

           navTab.openTab(tabid, url,{title:title, fresh:fresh, external:external});

           event.preventDefault();

       });

   });

}</span>


如果没有这个代码的时候,就会出现以下问题

image.png


3.事情进展到这种情况时,出现问题的原因就很明确了,由于自己的东施效颦,导致这段dwz对a标签的处理机制对整体性能带来了严重的问题。


4.很多人可能已经想到了办法,那就是

<span style="font-family:Microsoft YaHei;font-size:18px;">  // navTab table.jqgrid

   $(".jqgrid a[target=navTab]").each(function(){</span>


既然是设置jqgrid的a标签加载机制,我就应该在以上这段代码中加入限制,只应该是影响到jqgrid的元素中,所以修改了以上代码后,经过测试,请求不再重复发送了。

相关文章
|
JSON 前端开发 JavaScript
AJAX(GET POST请求、 jQuery axios 发送请求、跨域--cors、请求超时、网络异常、放弃请求、重复发送请求)(三)
AJAX(GET POST请求、 jQuery axios 发送请求、跨域--cors、请求超时、网络异常、放弃请求、重复发送请求)(三)
|
10月前
|
前端开发
Ajax提交请求后台返回一个完整的html页面
Ajax提交请求后台返回一个完整的html页面
|
XML 数据采集 Web App开发
AJAX(GET POST请求、 jQuery axios 发送请求、跨域--cors、请求超时、网络异常、放弃请求、重复发送请求)(一)
AJAX(GET POST请求、 jQuery axios 发送请求、跨域--cors、请求超时、网络异常、放弃请求、重复发送请求)
|
缓存 JSON 前端开发
AJAX(GET POST请求、 jQuery axios 发送请求、跨域--cors、请求超时、网络异常、放弃请求、重复发送请求)(二)
AJAX(GET POST请求、 jQuery axios 发送请求、跨域--cors、请求超时、网络异常、放弃请求、重复发送请求)(二)
|
JavaScript 前端开发
Form表单利用Jquery Validate验证以及ajax提交
Form表单利用Jquery Validate验证以及ajax提交
69 0
|
前端开发 JavaScript Java
前端页面使用DataTables无刷新更新数据
前端页面使用DataTables无刷新更新数据
407 0
|
前端开发
pbootcms使用Ajax无刷新提交留言及表单
pbootcms使用Ajax无刷新提交留言及表单
461 0
|
前端开发
ajax无刷新删除
ajax无刷新删除
64 0
|
JavaScript
jQuery 禁用表单提交按钮,防止用户请求重复提交
jQuery 禁用表单提交按钮,防止用户请求重复提交
184 0
jQuery 禁用表单提交按钮,防止用户请求重复提交
|
JavaScript 前端开发 PHP
jquery $.post 序列化表单ajax提交
jquery $.post 序列化表单ajax提交
107 0