Question

I have created an Angular JS application which would output a list of data in a Share Point list. I am trying to make a rest API call to my Share Point List to get the data, however I am unable to do it as I get an error 403 Forbidden.

Below is my controller which tries to fetch the data.

app.controller('RetrieveRecords', function ($q, $http, $scope) {
  var url = "https://testapp.sharepoint.com/sites/testmyapplication/_api/web/lists/getByTitl 
  e('TestAppList')/items?$select=Status,Time";

$http(
{
   method: "GET",
   url: url,
   headers: { "accept": "application/json;odata=verbose" }
}
).success(function (data, status, headers, config) {
  $scope.details = data.d.results;

}).error(function (data, status, headers, config) {
});
});

My Angular JS application is not a Share Point page, my application is basically hosted as a Azure Static Website. I checked some online tutorials, however I couldn't find a solution to the problem I am facing.

Thank you.

Answer 1

@John，

您必须在标题中提供摘要。

您将在名为“ __REQUESTDIGEST”的元素中找到必要的值。因此，使用jQuery，您可以获得这样的值：$（'#__ REQUESTDIGEST'）。val（）。

此值需要添加到标题中：

headers: { "Accept": "application/json;odata=verbose", "X-RequestDigest": $('#__REQUESTDIGEST').val() }

您可以尝试添加此标签并查看其是否有效。

希望有帮助。

MV

Retrieve a Sharepoint List with Angular JS

1 个答案: