javascript - 函数在运行内部操作之前返回值

Question

使用单击“保存”按钮时触发的 SharePoint 的 PreSaveAction()，我尝试在保存表单之前运行检查并操作字段。如果 PreSaveAction() 返回 true，表单将被保存并关闭。

function PreSaveAction() {
  var options = {
    "url": "https://example.com/_api/web/lists/getbytitle('TestList')/items",
    "method": "GET",
    "headers": {
      "Accept": "application/json; odata=verbose"
    }
  }

  $.ajax(options).done(function (response) {
    var actualHours = response.d.results[0].ActualHours
    var personalHours = $("input[title$='Personal Hours']").val();
    var regex = /^\d*\.?\d+$/ // Forces digit after decimal point

    if (personalHours && regex.test(personalHours)) { // Run if input is not blank and passes RegEx
      if (response.d.results[0].__metadata.etag.replace(/"/g, "") == $("td .ms-descriptiontext")[0].innerText.replace("Version: ", "").split('.')[0]) {
        // Run if item's data from REST matches version shown in form
        addChildItem(id, title, personalHours, actualHours)
      }
    }
  });
  return true; // firing before request above begins
}

该函数在运行 jQuery AJAX 调用之前返回 true，该调用运行 addChildItem()，操作表单中的字段并将相关数据发布到单独的列表。

function addChildItem(id, title, personalHours, actualHours) {
  $.ajax({
    method: "POST",
    url: "https://example.com/_api/web/lists/getbytitle('ChildList')/items",
    data: JSON.stringify({
      __metadata: {
        'type': 'SP.Data.ChildListListItem'
      },
      ParentID: id,
      Title: title,
      HoursWorked: personalHours
    }),
    contentType: "application/json;odata=verbose",
    headers: {
      "Accept": "application/json; odata=verbose",
    },
    success: function (data) {
      console.log("success", data);
      var actualHoursNum = Number(actualHours);
      var personalHoursNum = Number(personalHours);
      $("input[title$='Actual Hours']").val(actualHoursNum + personalHoursNum);
      $("input[title$='Personal Hours']").val('');
      // Input is getting cleared on save but shows previous number when form is opened again
    },
    error: function (data) {
      console.log("error", data);
    }
  });
}

这会导致表单接受字段值操作，但仅在保存之后和表单自动关闭之前进行。

我需要 PreSaveAction() 等到 addChildItem() 成功返回 true 但我不知道该怎么做这。我尝试使用名为 returnedStatus 的全局变量，当 addChildItem() 成功时该变量会更新，但仍会查看 PreSaveAction() 中的返回值在运行 jQuery AJAX 调用之前。

我该如何解决这个问题？

Answer 1

我通过设置 async: false 在 PreSaveAction 中将用户添加到组中得到了类似的情况。

Original thread

<script language="javascript" type="text/javascript">

        function PreSaveAction() {
            var check = false;
            var controlName = 'MultiUsers';
            // Get the people picker object from the page.
            var peoplePickerDiv = $("[id$='ClientPeoplePicker'][title='" + controlName + "']");
            var peoplePickerEditor = peoplePickerDiv.find("[title='" + controlName + "']");
            var peoplePicker = SPClientPeoplePicker.SPClientPeoplePickerDict[peoplePickerDiv[0].id];            
            if (!peoplePicker.IsEmpty()) {
                if (peoplePicker.HasInputError) return false; // if any error
                else if (!peoplePicker.HasResolvedUsers()) return false; // if any invalid users
                else if (peoplePicker.TotalUserCount > 0) {
                    // Get information about all users.
                    var users = peoplePicker.GetAllUserInfo();                                     
                    for (var i = 0; i < users.length; i++) {
                        console.log(users[i].Key);
                        var requestUri = _spPageContextInfo.webAbsoluteUrl + "/_api/web/sitegroups(22)/users";
                        $.ajax({
                            url: requestUri,
                            type: "POST",
                            async: false,
                            data: JSON.stringify({ '__metadata': { 'type': 'SP.User' }, 'LoginName': '' + users[i].Key + '' }),
                            headers: {
                                "accept": "application/json;odata=verbose",
                                "content-type": "application/json;odata=verbose",
                                "X-RequestDigest": $("#__REQUESTDIGEST").val()
                            },
                            success: function(data) {
                                console.log('User Added');
                                check = true;
                            },
                            error: function (error) {
                                console.log(JSON.stringify(error));
                                check = false;
                            }
                        });                                                
                    }                    
                }
            } else {
                console.log('No user');
            }
            return check;
        }                
    </script>