Daten von HTML verschwinden und veröffentlichen nicht den REST -API -Aufruf. Wenn die Schaltfläche Senden ausgewählt ist ⇐ JavaScript

[Anonymous]

Ich habe ein grundlegendes HTML -Formular, das Daten in eine SharePoint -Liste einreicht. Es gibt keine Fehler im Code, noch erhalte ich etwas, das dazu führt, dass das Formular nicht der SharePoint -Liste übermittelt. Ich verwende grundlegende HTML, einige CSS und AngularJs. Der Winkelcode verwendet einen grundlegenden REST -API -Aufruf, um die Daten zu veröffentlichen, wenn die Schaltfläche ausgewählt ist. < /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