Данные из HTML исчезают и не публикуют, используя вызов API REST. При выборе кнопки отправки форма очистки формы и данны ⇐ Javascript

[Anonymous]

У меня есть базовая форма HTML, которая подчиняет данные в список SharePoint. В коде нет ошибок, и при этом я не получаю ничего, что приведет к тому, что форма не отправится в список SharePoint. Я использую базовые HTML, некоторые CSS и AngularJS. Угловой код использует базовый вызов API REST для публикации данных при выборе кнопки. < /P>















Tour Request Form



Tour Request













< /code>
angular.module('mcalendarapp', [])
.controller('myController', function($scope, $http) {
$scope.newItem = {
Title: $scope.tourRequest, // Example: A field in your SharePoint list
// Description: '' // Example: Another field
};

$scope.addItem = function() {
var listName = 'TourRequest'; // Replace with your list name
var apiUrl = _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/getByTitle('" + listName + "')/items";

var dataPayload = {
'__metadata': {
'type': 'SP.Data.' + listName + 'ListItem' // Adjust if your list name has spaces or special characters
},
'Title': $scope.newItem.Title,
// 'Description': $scope.newItem.Description
};

$http({
method: 'POST',
url: "/_api/web/lists/getByTitle('mylist')/items",
headers: {
'Accept': 'application/json; odata=verbose',
'Content-Type': 'application/json; odata=verbose',
'X-RequestDigest': jQuery('#__REQUESTDIGEST').val() // Get the request digest
},
data: JSON.stringify(dataPayload)
}).then(function(response) {
// Success handling
alert('Item added successfully!');
$scope.newItem = {}; // Clear the form
}).catch(function(error) {
// Error handling
console.error('Error adding item:', error);
alert('Failed to add item. Check console for details.');
});
};
});
< /code>
Assistance with code and reasoning behind the api call failing

Подробнее здесь: https://stackoverflow.com/questions/797 ... hen-submit