新聞中心
這里考慮都考慮的是服務(wù)器返回的是JSON形式的字符串的形式,對(duì)于利用JSONObject等插件封裝的JSON對(duì)象,與此亦是大同小異,這里不再做說(shuō)明,下面進(jìn)行JSON對(duì)象代碼說(shuō)明:

10年積累的成都網(wǎng)站制作、做網(wǎng)站、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)經(jīng)驗(yàn),可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你,你也不認(rèn)識(shí)我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程,更有東城免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
- >
- xmlns="http://www.w3.org/1999/xhtml">
test2
/>- id="first" type="button" value=" << " /> id="previous" type="button"
- value=" < " /> id="next" type="button" value=" > " /> id="last" type="button"
- value=" >> " />
- id="pageinfo">
id="datas">
- id="template">
- id="OrderID">
- 訂單ID
- /
- id="CustomerID">
- 客戶ID
- id="EmployeeID">
- 雇員ID
- /
- id="OrderDate">
- 訂購(gòu)日期
- /
- id="ShippedDate">
- 發(fā)貨日期
- /
- id="ShippedName">
- 貨主名稱
- /
- id="ShippedAddress">
- 貨主地址
- /
- id="ShippedCity">
- 貨主城市
- /
- id="more">
注:對(duì)于一般的js生成json對(duì)象,只需要將$.each()方法替換為for語(yǔ)句即可,其他不變。 對(duì)于服務(wù)器返回的JSON字符串,如果jquery異步請(qǐng)求將type(一般為這個(gè)配置屬性)設(shè)為“json”,或者利用$.getJSON()方法獲得服務(wù)器返回,那么就不需要eval()方法了。#t#
因?yàn)檫@時(shí)候得到的結(jié)果已經(jīng)是json對(duì)象了,只需直接調(diào)用該對(duì)象即可,這里以$.getJSON方法為例說(shuō)明數(shù)據(jù)處理方法:
- type: "get",//使用get方法訪問(wèn)后臺(tái)
- dataType: "json",//返回json格式的數(shù)據(jù)
- url: "Handler.ashx",//要訪問(wèn)的后臺(tái)地址
- data: "pageIndex=" + pageIndex,//要發(fā)送的數(shù)據(jù)
- complete :function(){$("#load").hide();},//AJAX請(qǐng)求完成時(shí)隱藏loading提示
- success: function(msg){//msg為返回的數(shù)據(jù),在這里做數(shù)據(jù)綁定
- var data = msg.table;
- $.each(data, function(i, n){
- var row = $("#template").clone();
- row.find("#OrderID").text(n.OrderID);
- row.find("#CustomerID").text(n.CustomerID);
- row.find("#EmployeeID").text(n.EmployeeID);
- row.find("#OrderDate").text(ChangeDate(n.OrderDate));
- if(n.RequiredDate !== undefined) row.find("#ShippedDate").text(ChangeDate(n.RequiredDate));
- row.find("#ShippedName").text(n.ShipName);
- row.find("#ShippedAddress").text(n.ShipAddress);
- row.find("#ShippedCity").text(n.ShipCity);
- row.find("#more").html(" href=OrderInfo.aspx?id=" + n.OrderID + "&pageindex="+pageIndex+"> More");
- row.attr("id","ready");//改變綁定好數(shù)據(jù)的行的id
- row.appendTo("#datas");//添加到模板的容器中
- });
- $("[@id=ready]").show();
- SetPageInfo();
- }
- });
- }
- function ChangeDate(date)
- {
- return date.replace("-","/").replace("-","/");
- }
這里特別需要注意的是方式1中的eval()方法是動(dòng)態(tài)執(zhí)行其中字符串(可能是js腳本)的,這樣很容易會(huì)造成系統(tǒng)的安全問(wèn)題。所以可以采用一些規(guī)避了eval()的第三方客戶端腳本庫(kù),比如JSON對(duì)象就提供了一個(gè)不超過(guò)3k的腳本庫(kù)。
新聞標(biāo)題:筆者對(duì)JSON對(duì)象代碼進(jìn)行說(shuō)明介紹
網(wǎng)頁(yè)URL:http://www.dlmjj.cn/article/djeichc.html


咨詢
建站咨詢
