使用JSOM检索列表项时SP.js加载问题 [英] SP.js loading issue while retrieving list items using JSOM

问题描述

您好我正在尝试使用JSOM检索列表项。但是，出现的问题是SP.js没有正确加载。它在函数获得
之前加载。我很困惑在哪里使用ExecuteOrDelayUntilScriptLoaded和SP.SOD.executeFunc（'sp.js'，'SP.ClientContext'，函数）。我没有在我的javascript代码中使用这些函数的位置。请帮我解决这个问题。获得
的一些错误：1。"https：//*****.sharepoint.com/sites/NewWorkSite/_vti_bin/client.svc/ProcessQuery 403" 2."Uncaught TypeError：无法读取属性'requestUnexpectedResponseWithStatus'未定义"

$(document).ready(function() 
{ ExecuteOrDelayUntilScriptLoaded(retriveListItem, "sp.js"); 
});

function retriveListItem()  
{      
    var siteUrl = '/sites/NewWorkSite';
    var context = new SP.ClientContext(siteUrl);  
    var list = context.get_web().get_lists().getByTitle('Questions1List');  
    var caml = new SP.CamlQuery();  
    caml.set_viewXml("<View><Query><OrderBy><FieldRef Name='QuestionNumber' Ascending='TRUE' /></OrderBy></Query></View>");  
    returnedItems = list.getItems(caml);  
    context.load(returnedItems);  
    context.executeQueryAsync(onSucceededCallback, onFailedCallback);  
}  

function onSucceededCallback(sender, args)  
{  
    var enumerator = returnedItems.getEnumerator();  
    //Formulate HTML from the list items   
    var MainResult = 'Items in the Divisions list: <br><br>';  
    //Loop through all the items   
    while (enumerator.moveNext())  
    {  
        var listItem = enumerator.get_current();  
        var qNo= listItem.get_item("QuestionNumber");   
        var qst = listItem.get_item("Question");   
        var optionA = listItem.get_item("OptionA");         
        var optionB = listItem.get_item("OptionB");
        var optionC = listItem.get_item("OptionC");
        var optionD = listItem.get_item("OptionD");

                $('#qDiv').append("<label>" + qNo+ "." + "</label>&nbsp" + "<label id='qts'>" + qst + "</label>" + "</br>" 
                + "<label>A: </label>&nbsp" + "<input id='one' class='rdBtn' type='radio' name = '" + qNo+ "' value = 'A'/>&nbsp" + optionA  + "&nbsp</br>"
                + "<label>B: </label>&nbsp" + "<input id='two' class='rdBtn' type='radio' name = '" + qNo+ "' value = 'B'/>&nbsp" + optionB + "</br>"
                + "<label>C: </label>&nbsp" + "<input id='three' class='rdBtn' type='radio' name = '" + qNo+ "' value = 'C'/>&nbsp" + optionC + "</br>"
                + "<label>D: </label>&nbsp" + "<input id='four' class='rdBtn' type='radio' name = '" + qNo+ "' value = 'D'/>&nbsp" + optionD + "</br>" + "</br>");

}
}
//当查询失败时触发此函数
function onFailedCallback（sender，args）
{
//制定HTML以显示错误的详细信息
var markup ='< p>请求失败：< br>';
markup1 ='消息：'+ args.get_message（）+'< br>';
//显示详细信息
alert（markup1）;
}

retriveListItem（）;

} } //This function fires when the query fails function onFailedCallback(sender, args) { //Formulate HTML to display details of the error var markup = '<p>The request failed: <br>'; markup1 = 'Message: ' + args.get_message() + '<br>'; //Display the details alert(markup1); } retriveListItem();

推荐答案

您好，

您不需要在脚本结束时调用retriveListItem，这可能会在页面加载时导致错误（sp.js可能无法完全加载）

You don’t need call retriveListItem at end of your script, this may cause error when page load(sp.js may not load completely)

对于403错误，您正在执行哪个Web脚本？

For 403 error, which web you’re executing the script?

在/ sites / NewWorkSite中创建一个webpart页面将脚本编辑器webpart插入页面并将脚本插入脚本编辑器webpart。

Create a webpart page in /sites/NewWorkSite and insert the script editor webpart into the page and insert the script into script editor webpart.

尝试下面的代码

<script type="text/javascript">
        var returnedItems;

（document）.ready（function（）{
ExecuteOrDelayUntilScriptLoaded（retriveListItem，" sp.js"）;
}） ;

函数retriveListItem（）{
var siteUrl ='/ sites / NewWorkSite';
var context = new SP.ClientContext（siteUrl）;
var list = context.get_web（）。get_lists（）。getByTitle（'Questions1List'）;
var caml = new SP.CamlQuery（）;
caml.set_viewXml（"< View>< Query>< OrderBy>< FieldRef Name ='QuestionNumber'Ascending ='TRUE'/>< / OrderBy>< / Query>< /视图>"）;
returnedItems = list.getItems（caml）;
context.load（returnedItems）;
context.executeQueryAsync（onSucceededCallback，onFailedCallback）;
}

函数onSucceededCallback（sender，args）{
var enumerator = returnedItems.getEnumerator（）;
//从列表项中制定HTML
var MainResult ='Divisions列表中的项目：< br>< br>';
//遍历所有项目
while（enumerator.moveNext（））{
var listItem = enumerator.get_current（）;
var qNo = listItem.get_item（" QuestionNumber"）;
var qst = listItem.get_item（" Question"）;
var optionA = listItem.get_item（" OptionA"）;
var optionB = listItem.get_item（" OptionB"）;
var optionC = listItem.get_item（" OptionC"）;
var optionD = listItem.get_item（" OptionD"）;

(document).ready(function () { ExecuteOrDelayUntilScriptLoaded(retriveListItem, "sp.js"); }); function retriveListItem() { var siteUrl = '/sites/NewWorkSite'; var context = new SP.ClientContext(siteUrl); var list = context.get_web().get_lists().getByTitle('Questions1List'); var caml = new SP.CamlQuery(); caml.set_viewXml("<View><Query><OrderBy><FieldRef Name='QuestionNumber' Ascending='TRUE' /></OrderBy></Query></View>"); returnedItems = list.getItems(caml); context.load(returnedItems); context.executeQueryAsync(onSucceededCallback, onFailedCallback); } function onSucceededCallback(sender, args) { var enumerator = returnedItems.getEnumerator(); //Formulate HTML from the list items var MainResult = 'Items in the Divisions list: <br><br>'; //Loop through all the items while (enumerator.moveNext()) { var listItem = enumerator.get_current(); var qNo = listItem.get_item("QuestionNumber"); var qst = listItem.get_item("Question"); var optionA = listItem.get_item("OptionA"); var optionB = listItem.get_item("OptionB"); var optionC = listItem.get_item("OptionC"); var optionD = listItem.get_item("OptionD");

（'＃qDiv'）。append（"< label>" + qNo +" 。" +"< / label>& nbsp" +"< label id ='qts'>" + qst +"< / label>" +"< / br> "
+"< label> A：< / label>& nbsp" +"< input id ='one'class ='rdBtn'type ='radio'name ='" + qNo +"'value ='A'/>& nbsp" + optionA +"& nbsp< / br>"
+"< label> B：< / label> & nbsp" +"< input id ='two'class ='rdBtn'type ='radio'name ='" + qNo +"'value ='B'/>& nbsp" + optionB +"< / br>"
+"< label> C：< / label>& nbsp" +"< input id ='three'class ='rdBtn'type = 'radio'name ='" + qNo +"'的价值e ='C'/>& nbsp" + optionC +"< / br>"
+"< label> D：< / label>& nbsp" +"< input id ='four'class ='rdBtn'type ='radio'name ='" + qNo +"'value ='D'/>& nbsp" + optionD +"< / br>" +"< / br>"）;
}
}
//当查询失败时触发此函数
function onFailedCallback（sender，args）{
//制定HTML以显示错误的详细信息
var markup ='< p>请求失败：< br>';
markup1 ='消息：'+ args.get_message（）+'< br>';
//显示详细信息
alert（markup1）;
}
< / script>

('#qDiv').append("<label>" + qNo + "." + "</label>&nbsp" + "<label id='qts'>" + qst + "</label>" + "</br>" + "<label>A: </label>&nbsp" + "<input id='one' class='rdBtn' type='radio' name = '" + qNo + "' value = 'A'/>&nbsp" + optionA + "&nbsp</br>" + "<label>B: </label>&nbsp" + "<input id='two' class='rdBtn' type='radio' name = '" + qNo + "' value = 'B'/>&nbsp" + optionB + "</br>" + "<label>C: </label>&nbsp" + "<input id='three' class='rdBtn' type='radio' name = '" + qNo + "' value = 'C'/>&nbsp" + optionC + "</br>" + "<label>D: </label>&nbsp" + "<input id='four' class='rdBtn' type='radio' name = '" + qNo + "' value = 'D'/>&nbsp" + optionD + "</br>" + "</br>"); } } //This function fires when the query fails function onFailedCallback(sender, args) { //Formulate HTML to display details of the error var markup = '<p>The request failed: <br>'; markup1 = 'Message: ' + args.get_message() + '<br>'; //Display the details alert(markup1); } </script>

最诚挚的问候，

Lee

这篇关于使用JSOM检索列表项时SP.js加载问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！