DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> Domino中運用jQuery讀取視圖內容的方法
Domino中運用jQuery讀取視圖內容的方法
編輯:JQuery特效代碼     
jQuery是一個快速的,簡潔的javaScript庫,使用戶能更方便地處理HTML documents、events、實現動畫效果,並且方便地為網站或系統提供AJAX交互。
在Domino中應用jQuery框架能夠大量簡化js代碼,並使得js的程序更加簡潔和直觀,下面是一個簡單的例子,在表單中簡單運用jQuery來讀取視圖內容。
1.在表單中加入以下代碼並內置HTML:
html 代碼:
<input type=button onclick="GetViewContent()" value="獲取視圖內容">
<div id="ViewContent"></div>
按鈕調用函數,div用來接收函數獲取到的視圖內容,並顯示出來。
在表單的jsheader中加入以下JavaScript函數:
代碼如下:
function GetViewContent(){
var url = 服務器路徑/數據庫名稱/視圖名稱?readviewentries"
$.get(url,function(data){
var list = "";
list += "<TABLE border='1' cellspacing='0' cellpadding='3' width='100%'><TR><TD><TABLE width='100%' border='1'>"
if($(data).find("viewentry").size == 0){
} else {
$(data).find("viewentry").each(function(){
if($(this).attr("position") < 11) {
$(this).find("entrydata").each(function(){
if ($(this).attr("name")=="name")
list+="<tr><td>"+$(this).text()+"</td><td>"+$(this).next().text()+"</td><td>"+$(this).next().next().text()+"</td></tr>";
})
}
})
}
list += "</TABLE></TD></TR></TABLE>"
$("#ViewContent").html(list);
});
}

注:此代碼能成功運行的前提是,在表單中記得調用jQuery.js文件。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved