Angular Ajax请求vs $ http服务

Question

以下问题：

我正在使用以下代码使用Ajax请求响应：

var settings = {
                         "async": true,
                         "crossDomain": true,
                         "url": "https://example.com/whitelist",
                         "method": "POST",
                         "headers": {
                             "content-type": "application/x-www-form-urlencoded",
                         },
                         "data": {
                             "token": sessionStorage.getItem('userToken'),
                             "user": sessionStorage.getItem('username')
                         }
                     }
                     $.ajax(settings).done(function (response, statustext, text) {
                         console.log();

                         var json = text.responseText,
                                 obj = JSON.parse(json);

                         if(statustext=="error") {
                             console.log("Err" + statustext);
                             alert("Not able to connect to server");
                         }
                         else if(statustext == "success"){

                             console.log("success");

                         }

                     })

我想从angular更改为$ http服务，因为我从Web服务收到的数据需要绑定到前端，而Ajax请求似乎需要很长时间来加载数据，同时页面是已加载：

所以我在angular中有以下代码：

$http({
    "async": true,
    "crossDomain": true,
    "url": "https://example/whitelist",
    "method": "POST",
    "headers": {
        "content-type": "application/x-www-form-urlencoded"
    },
    "data": {
                             "token": sessionStorage.getItem('userToken'),
                             "user": sessionStorage.getItem('username')
                         }
}).then(function (success){
    console.log(success);
},function (error){
    console.log(error);
});

现在：使用Ajax，请求完全正常，并提供正确的响应，但我收到的http服务和INVALID_Argument错误。

有人可以帮助我吗？