ajax - 在 AngularJS 中重写 jQuery Ajax 调用

Question

是否存在对此 jQuery ajax POST 的 AngularJS 等效调用，使用 contentType 和 setRequestHeader？

$.ajax({
    url: "http://localhost/songs",
    type: "POST",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    beforeSend: function (xhr) {
        xhr.setRequestHeader("SOAPAction", "http://schemas.microsoft.com/sharepoint/soap/UpdateListItems");
    },
    success: function(data){
        console.log(data);
    }
});

Answer 1

您可能想要使用 $http或$resource服务。在 $http 文档中，您可以看到有关设置 HTTP header 的部分来设置 SOAPAction，并且默认内容类型已设置为 json(尽管您也应该能够覆盖它)。

这可能会让您开始，我有兴趣查看其他答案以获得更好的方法，因为这似乎有限。

var module = angular.module('myApp', []);

module.config(function ($httpProvider) {
    $httpProvider.defaults.headers.post['SOAPAction'] = 'http://schemas.microsoft.com/sharepoint/soap/UpdateListItems';
});

function myController($http) {
    var data = { 'value1': 1, 'value2': 2 };

    $http.post('/songs', data).success(function (data) {
        console.log(data);
    });
}

基于this thread我不相信您可以为每个调用设置不同的 header ，但它看起来像 change可能会访问允许它的 $resource 服务。

更新:文档中一定错过了它，但您绝对可以使用 $http per this post 设置每次调用的不同操作像这样:

var data = { 'value1': 1, 'value2': 2 };

$http.post('/songs', data, {headers: {'SOAPActions': 'http://schemas.microsoft.com/sharepoint/soap/UpdateListItems'}})
    .success(function (data) {
        console.log(data);
    });