關於handler返回的資料處理

標籤：blog   java   資料   io   cti   html   

1、通過append方法輸出資料到頁面
/***************************根據企業ID擷取公司資訊*********************/OBJindexPage.GetNewQiYeInfo = function () {    $.getJSON("/Qiye/handler/QiyeBookInfo.ashx?callback=?", { QiYeID: ConfigQiYeInfoId.Get() ,action:"GetNewQiYeInfo"}, function (data) {             if (data == "0") {            window.location.herf = "/Qiye/index.htm";            return;       }       else {            var QiyeInfo = "";            QiyeInfo += " <img src=\"" + data[0].Logo + "\"  class=\"top_left_logo\"/>";            QiyeInfo += "        <div id=\"top_left_div\">";            QiyeInfo += "           <div class=\"top_left_title\">" + data[0].Name + "</div>";            QiyeInfo += "           <div class=\"top_left_opentime\">借閱開放時間：" + data[0].Etime + "</div>";            QiyeInfo += "           <div class=\"top_left_tel\">聯絡電話：" + data[0].Tel + "</div>";            QiyeInfo += "           <div class=\"top_leftImg\"><a href=\"" + data[0].HomePage + "\"> <img src=\"Images/guanwang.png\" /></a> </div>";            QiyeInfo += "        </div>";                         $("#top_left").append(QiyeInfo);        }    });};

2、通過jquery.tmpl.js外掛程式接收資料
htm 寫法
<div id="bookdiv" class="bookdiv">

</div>
<script id="bookTmpl" type="text/html" class="bookTmpl">   //書寫類型為 "text/html"的script 來做資料範本
<dl>
<dt><a target="_blank" href="/Book/Book_Info.aspx?id=${BookId}&bookCount=2"><img src="${BookImg}"/></a></dt>  //資料屬性名稱用${}
<dd><a target="_blank" href="/Book/Book_Info.aspx?id=${BookId}&bookCount=2">${BookName.length > 8 ? BookName.substring(0,8) + "…" : BookName}</a></dd> //限制字串長度
</dl>
</script>

js寫法

$.getJSON(‘/Qiye/handler/QiyeBookInfo.ashx?callback=?‘, parameter, function(data) {
if (data=="0") {
$("#bookdiv").empty(); 
var noBookTips = " <span id=\"NoBookTips\">此館暫無圖書</span>";
$("#bookdiv").append(noBookTips);
} else {
$("#bookdiv").empty();
$("#bookTmpl").render(data).appendTo("#bookdiv");    //把資料添加到模板，然後再插入到父節點
}
});

3、分頁事件的運用  

運用PagesWidget.js外掛程式

/***************************企業圖書分頁資料************************/

OBJindexPage.GetQiYeList = function() {   
$("#ListInfoPages").empty();   //清空頁碼的div
var pageSize = 12;                //顯示資料的數量
var parameter = OBJindexPage.GetSql();   //尋找的條件
parameter.QiYeID = ConfigQiYeInfoId.Get();    //參數~
var iCount = 0;                                   
function GetCount() {
parameter.action = "GetQiYeBookCount";
$.ajaxSetup({ cache: true });
$.ajaxSetup({ async: false });
$.getJSON(‘/Qiye/handler/QiyeBookInfo.ashx?&callback=?‘, parameter, function(data) {
iCount = data;

});
return iCount;                 //返回資料全部的數量，根據這個數量和每頁顯示的數量來分頁
}

function GetBookToQiYeList(pageIndex) {
parameter.PageIndex = pageIndex;        //頁碼
parameter.PageSize = pageSize;
parameter.action = "GetQiYeBookList";
$.getJSON(‘/Qiye/handler/QiyeBookInfo.ashx?callback=?‘, parameter, function(data) {
if (data=="0") {
$("#bookdiv").empty();
var noBookTips = " <span id=\"NoBookTips\">此館暫無圖書</span>";
$("#bookdiv").append(noBookTips);
} else {
$("#bookdiv").empty();
$("#bookTmpl").render(data).appendTo("#bookdiv");
}
});
}

var iBookToCoffeeCount = GetCount();
var buttonTextArray = new Array("first", "last", "&lt;", "&gt;");
var pagesParam = {                          //PagesWidget.js外掛程式所需要的參數，就不一一細寫
ButtonText: buttonTextArray,        
PanelId: ‘ListInfoPages‘,
Count: iBookToCoffeeCount,
PageSize: pageSize,
SearchText: false,       
FirstLastPages: false,   
Mousemove: true,
AjaxFn: GetBookToQiYeList
};
var oPages = CreatePagesWidget(pagesParam);
GetBookToQiYeList(1);
};