|
|
通過(guò)AJAX異步減少網(wǎng)絡(luò)內(nèi)容傳輸，而JSON則可以把傳輸內(nèi)容縮減到純數(shù)據(jù)；然后利用jQuery內(nèi)置的AJAX功能直接獲得JSON格式的數(shù)據(jù)；在客戶端直接綁定到數(shù)據(jù)控件里面，從而達(dá)到最優(yōu)。
1.設(shè)計(jì)htm頁(yè)面：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test2</title>
<script language="Javascript" type="text/Javascript" src="js/jquery-latest.pack.js"></script>
<script language="Javascript" type="text/Javascript" src="js/PageDate.js"></script>
</head>
<body>
<div>
<div>
<br />
<input id="first" type="button" value=" << " /><input id="previous" type="button"
value=" < " /><input id="next" type="button" value=" > " /><input id="last" type="button"
value=" >> " />
<span id="pageinfo"></span>
<ul id="datas">
<li id="template">
<span id="OrderID">
訂單ID
</span>/
<span id="CustomerID">
客戶ID
</span>
<span id="EmployeeID">
雇員ID
</span>/
<span id="OrderDate">
訂購(gòu)日期
</span>/
<span id="ShippedDate">
發(fā)貨日期
</span>/
<span id="ShippedName">
貨主名稱
</span>/
<span id="ShippedAddress">
貨主地址
</span>/
<span id="ShippedCity">
貨主城市
</span>/
<span id="more">
更多信息
</span>
</li>
</ul>
</div>
<div id="load" style="left: 0px; position: absolute; top: 0px; background-color: red">
LOADING.
</div>
<input type="hidden" id="pagecount" />
</div>
</body>
</html>
it知識(shí)庫(kù)：jQuery于json的結(jié)合，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
