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

简介: 版权声明:欢迎转载,请注明沉默王二原创。 https://blog.csdn.net/qing_gee/article/details/44154557 dwz之jqgrid请求重复提交bug修复。
版权声明:欢迎转载,请注明沉默王二原创。 https://blog.csdn.net/qing_gee/article/details/44154557

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进行问题的状况再现:


可以从上图中发现:只要页面中存在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>

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


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的元素中,所以修改了以上代码后,经过测试,请求不再重复发送了。

相关文章
|
5月前
|
前端开发
Ajax提交请求后台返回一个完整的html页面
Ajax提交请求后台返回一个完整的html页面
|
9月前
|
前端开发
前端提交POST请求却变成GET请求的原因及解决方法
前端提交POST请求却变成GET请求的原因及解决方法
371 3
|
10月前
|
JavaScript 前端开发
Form表单利用Jquery Validate验证以及ajax提交
Form表单利用Jquery Validate验证以及ajax提交
50 0
|
11月前
|
缓存 JavaScript 前端开发
开心档之jQuery - AJAX get() 和 post() 方法
【摘要】 jQuery - AJAX get() 和 post() 方法jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。HTTP 请求:GET vs. POST两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。GET - 从指定的资源请求数据POST - 向指定的资源提交要处理的数据GET 基本上用于从服务器获得(取...
|
前端开发 JavaScript Java
前端页面使用DataTables无刷新更新数据
前端页面使用DataTables无刷新更新数据
355 0
|
JavaScript 前端开发 Java
dwz之jqgrid请求重复提交bug修复
dwz之jqgrid请求重复提交bug修复
82 0
dwz之jqgrid请求重复提交bug修复
|
JavaScript
jQuery 禁用表单提交按钮,防止用户请求重复提交
jQuery 禁用表单提交按钮,防止用户请求重复提交
166 0
jQuery 禁用表单提交按钮,防止用户请求重复提交
|
JavaScript 前端开发 程序员
好程序员分享JQuery.get提交页面不跳转的解决方法
<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Default.
3627 0
|
JavaScript 前端开发 Python
Django中ajax技术和form表单两种方式向后端提交文件
一、Form表单方式提交: form表单提交文件或者图像时需要对form中的属性进行如下设置: 1、method="post" //提交方式 post 2、enctype="multipart/form-data" //不对字符编码。
1907 0