Fatal编程技术网
  • javascript/
  • Javascript 通过Js检索Sharepoint列表

Javascript 通过Js检索Sharepoint列表

javascript html sharepoint

Javascript 通过Js检索Sharepoint列表,javascript,html,sharepoint,Javascript,Html,Sharepoint,我创建了一个包含四列的sharepoint列表。我给他们命名如下：姓名、职位、办公室、薪水。 您能否帮助我如何从我的列表中检索项目（使用JavaScript）？您可以在需要替换站点url、列表和列的地方使用以下示例代码： 使用JavaScript编码获取SharePoint列表项： var siteUrl = 'https://siteUrl'; var listName= 'MyCustomListName'; function retrieveListItems() { var clie

我创建了一个包含四列的sharepoint列表。我给他们命名如下：姓名、职位、办公室、薪水。
您能否帮助我如何从我的列表中检索项目（使用JavaScript）？

您可以在需要替换站点url、列表和列的地方使用以下示例代码：

使用JavaScript编码获取SharePoint列表项：

var siteUrl = 'https://siteUrl';
var listName= 'MyCustomListName';

function retrieveListItems()
 {
var clientContext = new SP.ClientContext(siteUrl);
var oList = clientContext.get_web().get_lists().getByTitle(listName);
var camlQuery = new SP.CamlQuery();
camlQuery.set_viewXml('<View><Query><Where><Geq><FieldRef Name=\'ID\'/>' + 
'<Value Type=\'Number\'>1</Value></Geq>
</Where></Query><RowLimit>10</RowLimit></View>');
this.collListItem = oList.getItems(camlQuery);
clientContext.load(collListItem);
clientContext.executeQueryAsync(Function.createDelegate(this, this.onQuerySucceeded), 
Function.createDelegate(this, this.onQueryFailed));        
}
functiononQuerySucceeded(sender, args)
{


var listItemInfo = '';
var listItemEnumerator = collListItem.getEnumerator();
while (listItemEnumerator.moveNext()) {
var oListItem = listItemEnumerator.get_current();
listItemInfo += '\nID: ' + oListItem.get_id() + 
'\nName: ' + oListItem.get_item('Name') + 
'\nPosition: ' + oListItem.get_item('Position')+ 
'\nOffice: ' + oListItem.get_item('Office') + 
'\nSalary: ' + oListItem.get_item('Salary');
    }
alert(listItemInfo.toString());
}
functiononQueryFailed(sender, args)
{
alert('Request failed. ' +args.get_message() + '\n' + args.get_stackTrace());
}

function retriveListItem()                                                
{
var resultGridHtmlMySubmission=''
  $.ajax (
          {
url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/GetByTitle('<SampleListName(yourlistTitle)>')/items?$select=Title,Name,Position,Office,Salary",
type: "GET",
data: JSON.stringify,
headers:
{
"Accept": "application/json;odata=verbose",
"Content-Type": "application/json;odata=verbose",
"X-RequestDigest": $("#__REQUESTDIGEST").val(),
"IF-MATCH": "*",
"X-HTTP-Method": null
},
cache: false,
success: function(data)  
{ 
for (vari = 0; i<data.d.results.length; i++)
{
var item = data.d.results[i];
resultGridHtmlMySubmission+='<tr>';
resultGridHtmlMySubmission+='<tdalign="center"   valign="middle"><span title="Sr.No."><b>'+item.Title+'</b></span></td>';
resultGridHtmlMySubmission+='<td align="center" valign="middle"><span title="Sr.No."><b>'+item.Name+'</b></span></td>';
resultGridHtmlMySubmission+='<td align="center" valign="middle"><span title="Sr.No."><b>'+item.Position+'</b></span></td>';
resultGridHtmlMySubmission+='<td align="center" valign="middle"><span title="Sr.No."><b>'+item.Office+'</b></span></td>';
resultGridHtmlMySubmission+='<td align="center" valign="middle"><span title="Sr.No."><b>'+item.Salary+'</b></span></td>';
resultGridHtmlMySubmission+='</tr>';

  }
$("#tbodycontent").html(resultGridHtmlMySubmission);
},
error: function(data)
{
// $("#ResultDiv").empty().text(data.responseJSON.error);
}
});
}

var siteUrl='1〕https://siteUrl';
var listName='MyCustomListName'；
函数retrieveListItems（）
{
var clientContext=new SP.clientContext（siteUrl）；
var oList=clientContext.get_web（）.get_lists（）.getByTitle（listName）；
var camlQuery=new SP.camlQuery（）；
camlQuery.set_viewXml（“”+
'1
10');
this.collListItem=oList.getItems（camlQuery）；
加载（collListItem）；
clientContext.executeQueryAsync（Function.createDelegate（this，this.onQuerySucceed），
Function.createDelegate（this，this.onQueryFailed））；
}
函数onquerysucceed（发送方，参数）
{
var listItemInfo=''；
var listItemEnumerator=collListItem.getEnumerator（）；
while（listItemEnumerator.moveNext（））{
var oListItem=listItemEnumerator.get_current（）；
listItemInfo+='\nID:'+oListItem.get_id（）+
'\n名称：'+oListItem.get_项（'Name'）+
'\n位置：'+oListItem.get_项（'Position'）+
'\n办公室：'+oListItem.get_项目（'Office'）+
'\n薪水：'+oListItem.get_项目（'Salary'）；
}
警报（listItemInfo.toString（））；
}
functiononQueryFailed（发送方，参数）
{
警报（'请求失败。'+args.get_message（）+'\n'+args.get_stackTrace（））；
}
使用REST API编码获取SharePoint列表项：

var siteUrl = 'https://siteUrl';
var listName= 'MyCustomListName';

function retrieveListItems()
 {
var clientContext = new SP.ClientContext(siteUrl);
var oList = clientContext.get_web().get_lists().getByTitle(listName);
var camlQuery = new SP.CamlQuery();
camlQuery.set_viewXml('<View><Query><Where><Geq><FieldRef Name=\'ID\'/>' + 
'<Value Type=\'Number\'>1</Value></Geq>
</Where></Query><RowLimit>10</RowLimit></View>');
this.collListItem = oList.getItems(camlQuery);
clientContext.load(collListItem);
clientContext.executeQueryAsync(Function.createDelegate(this, this.onQuerySucceeded), 
Function.createDelegate(this, this.onQueryFailed));        
}
functiononQuerySucceeded(sender, args)
{


var listItemInfo = '';
var listItemEnumerator = collListItem.getEnumerator();
while (listItemEnumerator.moveNext()) {
var oListItem = listItemEnumerator.get_current();
listItemInfo += '\nID: ' + oListItem.get_id() + 
'\nName: ' + oListItem.get_item('Name') + 
'\nPosition: ' + oListItem.get_item('Position')+ 
'\nOffice: ' + oListItem.get_item('Office') + 
'\nSalary: ' + oListItem.get_item('Salary');
    }
alert(listItemInfo.toString());
}
functiononQueryFailed(sender, args)
{
alert('Request failed. ' +args.get_message() + '\n' + args.get_stackTrace());
}

function retriveListItem()                                                
{
var resultGridHtmlMySubmission=''
  $.ajax (
          {
url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/GetByTitle('<SampleListName(yourlistTitle)>')/items?$select=Title,Name,Position,Office,Salary",
type: "GET",
data: JSON.stringify,
headers:
{
"Accept": "application/json;odata=verbose",
"Content-Type": "application/json;odata=verbose",
"X-RequestDigest": $("#__REQUESTDIGEST").val(),
"IF-MATCH": "*",
"X-HTTP-Method": null
},
cache: false,
success: function(data)  
{ 
for (vari = 0; i<data.d.results.length; i++)
{
var item = data.d.results[i];
resultGridHtmlMySubmission+='<tr>';
resultGridHtmlMySubmission+='<tdalign="center"   valign="middle"><span title="Sr.No."><b>'+item.Title+'</b></span></td>';
resultGridHtmlMySubmission+='<td align="center" valign="middle"><span title="Sr.No."><b>'+item.Name+'</b></span></td>';
resultGridHtmlMySubmission+='<td align="center" valign="middle"><span title="Sr.No."><b>'+item.Position+'</b></span></td>';
resultGridHtmlMySubmission+='<td align="center" valign="middle"><span title="Sr.No."><b>'+item.Office+'</b></span></td>';
resultGridHtmlMySubmission+='<td align="center" valign="middle"><span title="Sr.No."><b>'+item.Salary+'</b></span></td>';
resultGridHtmlMySubmission+='</tr>';

  }
$("#tbodycontent").html(resultGridHtmlMySubmission);
},
error: function(data)
{
// $("#ResultDiv").empty().text(data.responseJSON.error);
}
});
}

函数retrievelistItem（）
{
var resultGridHtmlMySubmission=“”
$.ajax(
{
url:_spPageContextInfo.webAbsoluteUrl+“/_api/web/lists/GetByTitle（“”）/items？$select=头衔、姓名、职位、办公室、薪水”，
键入：“获取”，
数据：JSON.stringify，
标题：
{
“接受”：“application/json；odata=verbose”，
“内容类型”：“应用程序/json；odata=verbose”，
“X-RequestDigest”：$（“#u-RequestDigest”）.val（），
“如果匹配”：“*”，
“X-HTTP-Method”：空
},
cache:false，
成功：功能（数据）
{ 

对于（vari=0；i您可以在需要替换站点url、列表和列的地方使用以下示例代码：

使用JavaScript编码获取SharePoint列表项：


var siteUrl = 'https://siteUrl';
var listName= 'MyCustomListName';

function retrieveListItems()
 {
var clientContext = new SP.ClientContext(siteUrl);
var oList = clientContext.get_web().get_lists().getByTitle(listName);
var camlQuery = new SP.CamlQuery();
camlQuery.set_viewXml('<View><Query><Where><Geq><FieldRef Name=\'ID\'/>' + 
'<Value Type=\'Number\'>1</Value></Geq>
</Where></Query><RowLimit>10</RowLimit></View>');
this.collListItem = oList.getItems(camlQuery);
clientContext.load(collListItem);
clientContext.executeQueryAsync(Function.createDelegate(this, this.onQuerySucceeded), 
Function.createDelegate(this, this.onQueryFailed));        
}
functiononQuerySucceeded(sender, args)
{


var listItemInfo = '';
var listItemEnumerator = collListItem.getEnumerator();
while (listItemEnumerator.moveNext()) {
var oListItem = listItemEnumerator.get_current();
listItemInfo += '\nID: ' + oListItem.get_id() + 
'\nName: ' + oListItem.get_item('Name') + 
'\nPosition: ' + oListItem.get_item('Position')+ 
'\nOffice: ' + oListItem.get_item('Office') + 
'\nSalary: ' + oListItem.get_item('Salary');
    }
alert(listItemInfo.toString());
}
functiononQueryFailed(sender, args)
{
alert('Request failed. ' +args.get_message() + '\n' + args.get_stackTrace());
}



function retriveListItem()                                                
{
var resultGridHtmlMySubmission=''
  $.ajax (
          {
url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/GetByTitle('<SampleListName(yourlistTitle)>')/items?$select=Title,Name,Position,Office,Salary",
type: "GET",
data: JSON.stringify,
headers:
{
"Accept": "application/json;odata=verbose",
"Content-Type": "application/json;odata=verbose",
"X-RequestDigest": $("#__REQUESTDIGEST").val(),
"IF-MATCH": "*",
"X-HTTP-Method": null
},
cache: false,
success: function(data)  
{ 
for (vari = 0; i<data.d.results.length; i++)
{
var item = data.d.results[i];
resultGridHtmlMySubmission+='<tr>';
resultGridHtmlMySubmission+='<tdalign="center"   valign="middle"><span title="Sr.No."><b>'+item.Title+'</b></span></td>';
resultGridHtmlMySubmission+='<td align="center" valign="middle"><span title="Sr.No."><b>'+item.Name+'</b></span></td>';
resultGridHtmlMySubmission+='<td align="center" valign="middle"><span title="Sr.No."><b>'+item.Position+'</b></span></td>';
resultGridHtmlMySubmission+='<td align="center" valign="middle"><span title="Sr.No."><b>'+item.Office+'</b></span></td>';
resultGridHtmlMySubmission+='<td align="center" valign="middle"><span title="Sr.No."><b>'+item.Salary+'</b></span></td>';
resultGridHtmlMySubmission+='</tr>';

  }
$("#tbodycontent").html(resultGridHtmlMySubmission);
},
error: function(data)
{
// $("#ResultDiv").empty().text(data.responseJSON.error);
}
});
}



var siteUrl='1〕https://siteUrl';
var listName='MyCustomListName'；
函数retrieveListItems（）
{
var clientContext=new SP.clientContext（siteUrl）；
var oList=clientContext.get_web（）.get_lists（）.getByTitle（listName）；
var camlQuery=new SP.camlQuery（）；
camlQuery.set_viewXml（“”+
'1
10');
this.collListItem=oList.getItems（camlQuery）；
加载（collListItem）；
clientContext.executeQueryAsync（Function.createDelegate（this，this.onQuerySucceed），
Function.createDelegate（this，this.onQueryFailed））；
}
函数onquerysucceed（发送方，参数）
{
var listItemInfo=''；
var listItemEnumerator=collListItem.getEnumerator（）；
while（listItemEnumerator.moveNext（））{
var oListItem=listItemEnumerator.get_current（）；
listItemInfo+='\nID:'+oListItem.get_id（）+
'\n名称：'+oListItem.get_项（'Name'）+
'\n位置：'+oListItem.get_项（'Position'）+
'\n办公室：'+oListItem.get_项目（'Office'）+
'\n薪水：'+oListItem.get_项目（'Salary'）；
}
警报（listItemInfo.toString（））；
}
functiononQueryFailed（发送方，参数）
{
警报（'请求失败。'+args.get_message（）+'\n'+args.get_stackTrace（））；
}


使用REST API编码获取SharePoint列表项：


var siteUrl = 'https://siteUrl';
var listName= 'MyCustomListName';

function retrieveListItems()
 {
var clientContext = new SP.ClientContext(siteUrl);
var oList = clientContext.get_web().get_lists().getByTitle(listName);
var camlQuery = new SP.CamlQuery();
camlQuery.set_viewXml('<View><Query><Where><Geq><FieldRef Name=\'ID\'/>' + 
'<Value Type=\'Number\'>1</Value></Geq>
</Where></Query><RowLimit>10</RowLimit></View>');
this.collListItem = oList.getItems(camlQuery);
clientContext.load(collListItem);
clientContext.executeQueryAsync(Function.createDelegate(this, this.onQuerySucceeded), 
Function.createDelegate(this, this.onQueryFailed));        
}
functiononQuerySucceeded(sender, args)
{


var listItemInfo = '';
var listItemEnumerator = collListItem.getEnumerator();
while (listItemEnumerator.moveNext()) {
var oListItem = listItemEnumerator.get_current();
listItemInfo += '\nID: ' + oListItem.get_id() + 
'\nName: ' + oListItem.get_item('Name') + 
'\nPosition: ' + oListItem.get_item('Position')+ 
'\nOffice: ' + oListItem.get_item('Office') + 
'\nSalary: ' + oListItem.get_item('Salary');
    }
alert(listItemInfo.toString());
}
functiononQueryFailed(sender, args)
{
alert('Request failed. ' +args.get_message() + '\n' + args.get_stackTrace());
}



function retriveListItem()                                                
{
var resultGridHtmlMySubmission=''
  $.ajax (
          {
url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/GetByTitle('<SampleListName(yourlistTitle)>')/items?$select=Title,Name,Position,Office,Salary",
type: "GET",
data: JSON.stringify,
headers:
{
"Accept": "application/json;odata=verbose",
"Content-Type": "application/json;odata=verbose",
"X-RequestDigest": $("#__REQUESTDIGEST").val(),
"IF-MATCH": "*",
"X-HTTP-Method": null
},
cache: false,
success: function(data)  
{ 
for (vari = 0; i<data.d.results.length; i++)
{
var item = data.d.results[i];
resultGridHtmlMySubmission+='<tr>';
resultGridHtmlMySubmission+='<tdalign="center"   valign="middle"><span title="Sr.No."><b>'+item.Title+'</b></span></td>';
resultGridHtmlMySubmission+='<td align="center" valign="middle"><span title="Sr.No."><b>'+item.Name+'</b></span></td>';
resultGridHtmlMySubmission+='<td align="center" valign="middle"><span title="Sr.No."><b>'+item.Position+'</b></span></td>';
resultGridHtmlMySubmission+='<td align="center" valign="middle"><span title="Sr.No."><b>'+item.Office+'</b></span></td>';
resultGridHtmlMySubmission+='<td align="center" valign="middle"><span title="Sr.No."><b>'+item.Salary+'</b></span></td>';
resultGridHtmlMySubmission+='</tr>';

  }
$("#tbodycontent").html(resultGridHtmlMySubmission);
},
error: function(data)
{
// $("#ResultDiv").empty().text(data.responseJSON.error);
}
});
}



函数retrievelistItem（）
{
var resultGridHtmlMySubmission=“”
$.ajax(
{
url:“/\u spPageContextInfo.webAbsoluteUrl+”/“/\u api/web/lists/GetByTitle（“”）/项目？$select=标题、名称、职位、办公室、薪资”，
键入：“获取”，
数据：JSON.stringify，
标题：
{
“接受”：“application/json；odata=verbose”，
“内容类型”：“应用程序/json；odata=verbose”，
“X-RequestDigest”：$（“#u-RequestDigest”）.val（），
“如果匹配”：“*”，
“X-HTTP-Method”：空
},
cache:false，
成功：功能（数据）
{ 

对于（vari=0；i以下示例代码供您参考，请将代码添加到网站页面中的脚本编辑器web部件中


<script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
    var listName="CL1216";
    $.ajax({
        url: _spPageContextInfo.siteAbsoluteUrl + "/_api/web/lists/getByTitle('"+listName+"')/items",
        type: "GET",
        headers: {
            "Accept": "application/json;odata=verbose",
        },
        success: function (data) {            
            var htmlTable="<table><thead><tr><th>Name</th><th>Position</th><th>Office</th><th>Salary</th></tr></thead><tbody>";
            $.each(data.d.results,function(i,item){
                htmlTable+="<tr><td>"+item.Name+"</td><td>"+item.Position+"</td><td>"+item.Office+"</td><td>"+item.Salary+"</td></tr>";
            });
            htmlTable+="</tbody></table>";
            $("#ListData").html(htmlTable);
        },
        error: function (data) {
            console.log("Error");
        }
    });
})
</script>
<div id="ListData"/>




$（函数（）{
var listName=“CL1216”；
$.ajax({
url:_spPageContextInfo.siteAbsoluteUrl+“/_api/web/lists/getByTitle（“+listName+”）/items”，
键入：“获取”，
标题：{
“接受”：“application/json；odata=verbose”，
},
成功：函数（数据）{
var htmlTable=“NamePositionOfficeSalary”；
$每个（数据、结果、功能（i、项目）{
htmlTable+=“”+项目.名称+“”+项目.职位+“”+项目.办公室+“”+项目.工资+“”；
});
htmlTable+=“”；
$（“#列表数据”）.html（htmlTable）；
},
错误：函数（数据）{
控制台日志（“错误”）；
}
});
})



以下示例代码供您参考，请将代码添加到网站页面中的脚本编辑器web部件中


<script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
    var listName="CL1216";
    $.ajax({
        url: _spPageContextInfo.siteAbsoluteUrl + "/_api/web/lists/getByTitle('"+listName+"')/items",
        type: "GET",
        headers: {
            "Accept": "application/json;odata=verbose",
        },
        success: function (data) {            
            var htmlTable="<table><thead><tr><th>Name</th><th>Position</th><th>Office</th><th>Salary</th></tr></thead><tbody>";
            $.each(data.d.results,function(i,item){
                htmlTable+="<tr><td>"+item.Name+"</td><td>"+item.Position+"</td><td>"+item.Office+"</td><td>"+item.Salary+"</td></tr>";
            });
            htmlTable+="</tbody></table>";
            $("#ListData").html(htmlTable);
        },
        error: function (data) {
            console.log("Error");
        }
    });
})
</script>
<div id="ListData"/>




$（函数（）{
var listName=“CL1216”；
$.ajax({
url:_spPageContextInfo.siteAbsoluteUrl+“/_api/web/lists/getByTitle（“+listName+”）/items”，
键入：“获取”，
标题：{
“接受”：“application/json；odata=verbose”，
},
成功：函数（数据）{
var htmlTable=“NamePositionOfficeSalary”；
$每个（数据、结果、功能（i、项目）{
htmlTable+=“”+项目.名称+“”+项目.职位+“”+项目.办公室+“”+项目.工资+“”；
});
htmlTable+=“”；
$（“#列表数据”）.html（htmlTable）；
},
错误：函数（数据）{
控制台日志（“错误”）；
}
});
})