快捷導(dǎo)航

JQuery EasyUI 加載兩次url的原因分析及解決方案

更新時(shí)間：2014年08月18日 08:58:33 投稿：whsnow

這篇文章主要介紹了JQuery EasyUI 加載兩次url的原因分析及解決方案,需要的朋友可以參考下

1、傳統(tǒng)方式

<span style="font-size:18px;">$(function () { 
var url = "../Source/Query/jhDataQry.ashx?action=query"; 
$(dg).datagrid({ 
url: url, 
queryParams: { 
qsrq: qsrq, 
zzrq: zzrq 
} 
}); 
}) 

<table id="DataGrid" class="easyui-datagrid" fit="true" border="false" toolbar="#TBar" pagination="true" 
data-options="pageSize:20,pageList: [10, 20, 30, 40, 50,100,5000],idField:'chjid',sortName:'chjbh', queryParams: { 'action': 'query'}" 
rownumbers="true" singleSelect="true" url="../Source/JiChu/chjdoc.ashx"> 
<thead> 
<tr> 
</tr> 
</thead> 
</table></span>

2、原因分析及解決方案

html代碼中利用class聲明了datagrid，導(dǎo)致easyUI解析class代碼的時(shí)候先解析class聲明中的datagrid，這樣組件就請(qǐng)求了一次url；然后又調(diào)用js初始化代碼請(qǐng)求一次url。這樣導(dǎo)致了重復(fù)加載，解決的方法就是只用一種初始化方法來(lái)聲明easyUI組件以避免重復(fù)的提交請(qǐng)求，即刪除html中的class聲明(class="easyui-datagrid")，修改后的代碼如下：

<span style="font-size:18px;"><table id="DataGrid" fit="true" border="false" toolbar="#TBar" pagination="true" 
data-options="pageSize:20,pageList: [10, 20, 30, 40, 50,100,5000],idField:'chjid',sortName:'chjbh'" 
rownumbers="true" singleSelect="true" url="../Source/JiChu/chjdoc.ashx"> 
<thead> 
<tr> 
</tr> 
</thead> 
</table></span>

您可能感興趣的文章:

相關(guān)文章

Jquery實(shí)現(xiàn)網(wǎng)頁(yè)跳轉(zhuǎn)或用命令打開(kāi)指定網(wǎng)頁(yè)的解決方法
本篇文章是對(duì)使用Jquery實(shí)現(xiàn)網(wǎng)頁(yè)跳轉(zhuǎn)或用命令打開(kāi)指定網(wǎng)頁(yè)的解決方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以參考下
2013-07-07
jQuery層級(jí)選擇器實(shí)例代碼
這篇文章主要為大家詳細(xì)介紹了jQuery層級(jí)選擇器實(shí)例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02
jQuery使用中可能被XSS攻擊的一些危險(xiǎn)環(huán)節(jié)提醒
XSS指的是跨站腳本攻擊,比如人們常說(shuō)的向$傳入字符串或者字符串轉(zhuǎn)換可執(zhí)行函數(shù)等一些安全方面值得注意的細(xì)節(jié),下面就為大家整理了jQuery使用中可能被XSS攻擊的一些危險(xiǎn)環(huán)節(jié)提醒
2016-05-05
jQuery 取值、賦值的基本方法整理
這篇文章主要介紹了jQuery 取值、賦值的基本方法,需要的朋友可以參考下
2014-03-03
淺析jquery某一元素重復(fù)綁定的問(wèn)題
本篇文章主要是對(duì)jquery某一元素重復(fù)綁定的問(wèn)題進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-01-01
jQuery實(shí)現(xiàn)倒計(jì)時(shí)按鈕功能代碼分享
這篇文章主要介紹了jQuery實(shí)現(xiàn)倒計(jì)時(shí)按鈕功能代碼分享,一般用在短信發(fā)送倒計(jì)時(shí)按鈕情景,本文給出了幾個(gè)例子,需要的朋友可以參考下
2014-09-09
jQuery實(shí)現(xiàn)的簡(jiǎn)單日歷組件定義與用法示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的簡(jiǎn)單日歷組件定義與用法,結(jié)合實(shí)例形式詳細(xì)分析了基于jQuery擴(kuò)展實(shí)現(xiàn)日歷功能的相關(guān)操作技巧,需要的朋友可以參考下
2018-12-12
jquery提示 "object expected"的解決方法
在測(cè)試代碼的時(shí)候，提示object expected，下面的解決方法，可以參考下。
2009-12-12
jQuery Mobile中的button按鈕組件基礎(chǔ)使用教程
jQuery Mobile中的button默認(rèn)提供了很多用于制作移動(dòng)Web頁(yè)面按鈕的屬性,這里我們來(lái)整理一下jQuery Mobile中的button按鈕組件基礎(chǔ)使用教程,需要的朋友可以參考下
2016-05-05
Jquery 焦點(diǎn)圖用于圖片展示效果代碼
今天因網(wǎng)站需要寫(xiě)了個(gè)圖片展示效果,其中用到了Jquery的data函數(shù)，剛學(xué)就被我用這了，昨天看時(shí)還覺(jué)得無(wú)甚用處，因?yàn)榭梢匀藶榈亟o一個(gè)節(jié)點(diǎn)加屬性嘛，不過(guò)省卻了幾句代碼而已。
2010-05-05