我有一个包含复选框和输入字段的表单,点击Submit按钮可以理想地将内容值添加到SP列表中。
当我运行调试器时,我可以看到每个输入(选中项,文本输入等)都被传递到AddItemToSplist
中,但是当我打开Network选项卡时,我会看到以下错误:“value:”当尝试读取属性值时,从JSON读取器读取了类型为'StartArray'的节点; 但是,需要“PrimitiveValue”或“StartObject”节点。“
我怀疑我的Ajax
块(可能是url)中有问题,但我不能百分之百确定。
有什么想法吗?
JS代码:
handleClick() {
let specialtiesArr = [],
regionsArr = [],
commentsArr = [],
nameArr = [];
$(".check-spec:checked").each(function() {
specialtiesArr.push($(this).val());
})
$(".check-region:checked").each(function() {
regionsArr.push($(this).val());
})
commentsArr.push($('.request-text-area').val());
nameArr.push($('.submitter-name').val());
addItemToSPList(specialtiesArr, regionsArr, commentsArr, nameArr)
}
} // export default class closing bracket
function addItemToSPList(getSpecialties, getRegions, getComments, getSubmitterName) {
let specialistRequestsColumns = {
"__metadata":{"type": "SP.Data.Specialist_x0020_RequestsListItem"},
"Title": "No Title", // marked it as "not required" in the SP list backend
"Specialties": { '__metadata': { 'type' : 'Collection(Edm.String)'}, results: getSpecialties }, // multi-select checkboxes
"Regions": { '__metadata': { 'type' : 'Collection(Edm.String)'}, results: getRegions }, // multi-select checkboxes
"Comments": getComments, // text box
"Submitter_x0020_Name": getSubmitterName // input field
}
let listName = "Specialist%20Requests";
$.ajax({
url: `${_globalUrl}/redacted/_api/web/lists/getByTitle('${listName}')/items`, // ?$select=ListItemEntityTypeFullName
method: "POST", // type
async: false,
contentType: "application/json;odata=verbose",
data: JSON.stringify(specialistRequestsColumns),
xhrFields: {
withCredentials: true
},
headers: {
"Accept": "application/json;odata=verbose",
"content-type": "application/json;odata=verbose",
"X-RequestDigest": $("#__REQUESTDIGEST").val()
},
success: data => {
console.log("upload successful")
// console.log(data)
},error: (err) => {
console.log("Error: " + err);
}
})
}
我从SharePoint Stack Exchange上的好心人那里得到了一个答案。
基本上,comments
和submitter_x0020_name
列需要字符串,因此当我传递数组值时,它会抛出错误。
以下是更新后的代码:
handleClick() {
let comments, submitterName;
let specialtiesArr = [],
regionsArr = [];
$(".check-spec:checked").each(function() {
specialtiesArr.push($(this).val());
})
$(".check-region:checked").each(function() {
regionsArr.push($(this).val());
})
comments = $('.request-text-area').val();
submitterName = $('.submitter-name').val();
addItemToSPList(specialtiesArr, regionsArr, comments, submitterName)
}