按钮点击值存入变量后无法写入SharePoint列表的问题求助

我仔细看了你的代码，核心问题是按钮点击时的变量赋值顺序搞反了，还有几个小细节没处理到位，导致数据没法成功写入SharePoint列表，咱们一步步来解决：

1. 最致命的问题：变量赋值顺序颠倒 #

你现在的点击事件里，先调用了insertFeedback()，再给id赋值——这时候执行插入函数时，id还是未定义状态！自然articlename是空值，没法写入列表。

把顺序调换过来：

$(".btn_article").click(function () {
  id = this.value; // 先把按钮值存入变量，再调用插入函数
  insertFeedback();
})

2. 未定义变量导致的报错 #

你的insertFeedback函数里用到了bname和bunit，但代码里完全没定义这两个变量，SharePoint会因为字段赋值失败直接抛出错误。要么补充这两个变量的取值逻辑（比如像value1那样从页面元素获取），要么如果这两个字段是可选的，就删掉对应的赋值代码。

示例补充取值逻辑：

// 假设页面有对应输入框，根据实际ID调整
var bname = document.getElementById('txt-bname').value;
var bunit = document.getElementById('txt-bunit').value;

3. SP.js加载时机的坑 #

你只是调用了SP.SOD.executeFunc但没把点击事件绑定放到回调里，可能导致点击按钮时SP相关对象还没初始化，出现SP is not defined的报错。

调整成这样，确保SP.js加载完成后再绑定事件：

$(document).ready(function () {
  var id;
  // 等SP.js加载完成后再绑定点击事件
  SP.SOD.executeFunc('sp.js', 'SP.ClientContext', function () {
    $(".btn_article").click(function () {
      id = this.value;
      insertFeedback();
    });
  });
});

4. oListItem的this指向问题 #

你在insertFeedback里用了this.oListItem，这里的this指向全局对象（严格模式下是undefined），直接用局部变量就好：

// 去掉this，定义局部变量
var oListItem = list.addItem(itemCreateInfo);

5. 错误日志的可用性优化 #

你的onQueryFailed里的writeToConsole和logMessageToULS大概率不是全局可用的函数，换成标准的console.log方便调试：

function onQueryFailed(sender, args) {
  console.log('请求失败: ' + args.get_message() + '\n' + args.get_stackTrace());
  $(".page_loading_section").hide();
}

修复后的完整代码 #

<button type="button" id="btn-submit-feedback4" value="Article4" class="btn_article">Download</button>
<button type="button" id="btn-submit-feedback3" value="Article5" class="btn_article">Download</button>
<script>
var siteurl = _spPageContextInfo.webAbsoluteUrl;
var listTitle = "SeriesArticle";

$(document).ready(function () {
  var id;
  // 确保SP.js加载完成后再绑定事件
  SP.SOD.executeFunc('sp.js', 'SP.ClientContext', function () {
    $(".btn_article").click(function () {
      id = this.value;
      insertFeedback();
    });
  });
});

function insertFeedback() {
  $(".page_loading_section").show();
  var clientContext = new SP.ClientContext(siteurl);
  var list = clientContext.get_web().get_lists().getByTitle(listTitle);
  var itemCreateInfo = new SP.ListItemCreationInformation();
  
  // 按实际情况补充变量取值逻辑
  var value1 = document.getElementById('txtname').value;
  var value2 = document.getElementById('txtdesignation').value;
  var bname = "你的业务名称"; // 或从页面元素获取
  var bunit = "你的业务单元"; // 或从页面元素获取
  var articlename = id;

  var oListItem = list.addItem(itemCreateInfo);
  oListItem.set_item('Title', "Article Series"); // 修正了拼写错误：Aticle → Article
  oListItem.set_item('Bunit', bname);
  oListItem.set_item('BUnit', bunit);
  oListItem.set_item('ArticleTitle', articlename);
  oListItem.update();

  clientContext.load(oListItem);
  clientContext.executeQueryAsync(
    Function.createDelegate(this, this.onQuerySucceeded),
    Function.createDelegate(this, this.onQueryFailed)
  );
}

function onQuerySucceeded() {
  $(".page_loading_section").hide();
  console.log("数据写入成功！"); // 可选：添加成功提示
}

function onQueryFailed(sender, args) {
  console.log('请求失败: ' + args.get_message() + '\n' + args.get_stackTrace());
  $(".page_loading_section").hide();
}
</script>

最后提两个小细节：

• 你的HTML按钮后面多了一个无对应开头的</a>标签，记得删掉，避免HTML结构错误；
• 原代码里Title字段值拼写了Aticle，改成Article更规范。

内容的提问来源于stack exchange，提问作者Vaibhav Sharma