如何在HTML页面中检索sharepoint公告列表
How to retrieve a sharepoint announcement list in HTML Page
我需要帮助拉sharepoint公告列表使用HTML页面。我从不同的网站上尝试了很多例子,但是似乎没有一个是有效的。所以我显然是无能为力或不理解的东西....
将拉出sharepoint公告列表的HTML页面将驻留在 [http://mysite/Announce.html]
Sharepoint站点位于 [http://companyweb/Lists/Announcements/AllItems.aspx]
我想有html页面( announcement. html)简单地列出日期, 标题和正文的公告。
我知道有jquery方法等…但我似乎不明白。
任何帮助都将非常感激。我是一个新手程序员,所以任何详细的例子将是伟大的。
这是我到目前为止尝试的,没有显示
Test.html
<script type="text/javascript" src="filelink/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="filelink/jquery.SPServices-0.5.4.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function() {
$().SPServices({
operation: "GetListItems",
async: false,
listName: "Announcements",
CAMLViewFields: "<ViewFields><FieldRef Name='Title' /></ViewFields>",
completefunc: function (xData, Status) {
$(xData.responseXML).find("[nodeName='z:row']").each(function() {
var liHtml = "<li>" + $(this).attr("ows_Title") + "</li>";
$("#tasksUL").append(liHtml);
});
}
});
});
</script>
<ul id="tasksUL"/>
我为Sharepoint创建了一个JS库:http://aymkdn.github.io/SharepointPlus/
这可能更容易使用(示例未测试):
<script type="text/javascript" src="filelink/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="filelink/sharepointplus-3.0.4.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function() {
$SP().list("Announcements").get({fields:"Title,Body,Created",orderby:"Created DESC"}, function(data) {
var html="",d;
for (var i=data.length; i--;) {
d = $SP().toDate(data[i].getAttribute("Created")); // convert the Created date to a Javascript Date Object
d = (d.getMonth()+1) + '/' + d.getDate() + '/' + d.getFullYear();
html += "<li>" + data[i].getAttribute("Title") + " (" + d + ")</li>";
}
$("#tasksUL").append(html);
})
})
</script>
这是我使用脚本从SP列表检索数据的代码,我在2010年和2013年版本中使用过它,并且总是为我工作。
设置你的Sharepoint URL为SPURL,并更改Web页面
var SPURL="https://www.yoururl.com"
$(document).ready(function() {
var soapEnv =
"<soapenv:Envelope xmlns:soapenv='http://schemas.xmlsoap.org/soap/envelope/'> '
<soapenv:Body> '
<GetListItems xmlns='http://schemas.microsoft.com/sharepoint/soap/'> '
<listName>Web Pages</listName> '
<viewFields> '
<ViewFields> '
<FieldRef Name='Title' /> '
</ViewFields> '
</viewFields> '
</GetListItems> '
</soapenv:Body> '
</soapenv:Envelope>";
$.ajax({
url: SPURL+"/_vti_bin/lists.asmx",
type: "POST",
dataType: "xml",
data: soapEnv,
complete: processResult,
contentType: "text/xml; charset='"utf-8'""
});
});
var names = new Array();
var href = new Array();
var iterator;
function processResult(xData, status) {
$(xData.responseXML).find("z'':row, row").each(function() {
names.push($(this).attr('ows_Title'));
href.push($(this).attr('ows_FileRef'));
});
var sorted = new Array();
for (var i=0; i<href.length; i++)
{
sorted.push([names[i],href[i]]);
}
sorted=sorted.sort();
iterator=href.length;
var liHtml = "";
for (var i=0; i<iterator; i++)
{
var name = sorted[i];
var hrf = sorted[i]
names[i]=(name[0].split("-"))[1];
href[i]=(hrf[1].split("/"))[1];
liHtml += "<li class='static'>" +
"<a class='static menu-item' accesskey='1' href='"+href[i]+"'>" +
"<span class='additional-background'>" +
"<span class='menu-item-text'>"+names[i]+"</span>" +
"</span>" +
"</a>" +
"</li>";
}
$("#SPData").append(liHtml);
}
相关文章:
- 使用JSP从服务器检索和显示图像
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 通过Magento的网络服务检索运费
- 如何通过php页面将数据库值检索到jquery自动完成框中
- 如何使用Javascript客户端对象模型检索Sharepoint 2010列表项权限
- SharePoint 2010 Rest API错误(未检索数据)
- 如何通过 Javascript 检索有关 SharePoint 中网站内容的数据
- 使用 JavaScript 检索多个 SharePoint 列表
- 使用 Javascript 检索 SharePoint 列表的字段/列名称
- 如何检索查找id在Sharepoint与JSOM
- 检索sharepoint列表在javascript
- 如何在HTML页面中检索sharepoint公告列表
- sharepoint 2010检索查找列的值使用jscript
- 如何格式化(dd/mm/yyyy) sharepoint日期字段,同时检索和显示在文本框中
- 如何检索多值分类法字段从术语存储SharePoint在线
- 用Javascript在下拉菜单中检索SharePoint列表项
- 如何使用javascript的客户端对象模型检索sharepoint列表中的超链接数据类型列值
- 如何将CSV文件放在本地sharepoint和存储&检索日期的csv与HTML文件
- 使用JS从SharePoint日历中检索事件数
- 如何使用JQuery或JavaScript和Fill DropDownList检索sharepoint 2013列表数据