当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Domino中运用jQuery读取视图内容的方法

Javascript
Javascript入门学习第六篇 js DOM编程
Javascript入门学习第七篇 js dom实例操作
Javascript入门学习第八篇 js dom节点属性说明
Javascript入门学习第九篇 Javascript DOM 总结
Javascript入门学习资料收集整理篇
超级退弹代码
Firefox和IE浏览器兼容JS脚本写法小结
SWFObject Flash js调用类
javascript同步Import,同步调用外部js的方法
javascript jQuery $.post $.ajax用法
JS location几个方法小姐
关于树形菜单 Checkbox的全选
JS的数组的扩展实例代码
兼容ie ff div 层 打开+关闭+ 拖动+遮罩+移动+动画改变高宽
javascript 拽拉效果 供JS初学者学习参考
纯js实现的论坛常用的运行代码的效果
js显示当前星期的起止日期的脚本
神奇的代码 通杀各种网站-可随意修改复制页面内容
js番茄的表单验证类
番茄的表单验证类代码修改版

Javascript 中的 Domino中运用jQuery读取视图内容的方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 309 ::
收藏到网摘: n/a

jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。 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文件。