使用AngularJS发送HTTP标头请求

debugcn 发表于 Dev

AllJs

我正在尝试将HTTP GET请求发送到远程服务器，并在HTML页面上使用响应。以下是project / js / script.js页面

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

    var config = {
        url:"www.myWebsite.com/discover",
        headers:  {
            "X-Object-Header" : "123456789 ",
            "Content-Type": "application/json"
        }
    };
    app.controller('discoverObjectCtrl', ['$scope', '$http', function (scope, http) {
        console.log('Everything Works!');

    http.get("/object", config).success(function (data) {
        scope.object = data;

    });
    console.log(scope.object);
}]);

在我的响应标题中，这就是我得到的

远程地址：127.0.0.1：63342

请求网址：localhost：63342 / object

请求方法：GET

状态码：404找不到

请求标题

接受：application / json，text / plain，/

接受编码：gzip，deflate，sdch

接受语言：en-US，en; q = 0.8

快取控制：max-age = 0

连接方式：保持活动

主机：localhost：63342

的Referer：本地主机：63342 / DemoSP / index.html的

用户代理：Mozilla / 5.0（Windows NT 6.3; WOW64）AppleWebKit / 537.36（KHTML，like Gecko）Chrome / 36.0.1985.125 Safari / 537.36

X-Object-Header：123456789

我想做的是发送带有自定义URL的http请求。因此，例如，我希望控制台标题显示

要求网址：www.myWebsite.com/discover/object

并不是

请求网址：localhost：63342 / project / www.myWebsite.com / discover / object

请对此我需要帮助。谢谢

Artjom B.

您应该这样配置get：

$http.get("www.myWebsite.com/discover/object", {
    headers: {
        "X-Object-Header" : "123456789",
        "Content-Type": "application/json"
    }
}).success(...);

但是您会遇到CORS问题，因为请求的域与当前脚本所在的域不同。您要么需要www.myWebsite.com通过Access-Control-Allow-Origin标头在服务器环境中启用查询，要么可以更改www.myWebsite.com/discover/object端点，然后将其设为JSONP端点即可查询$http.jsonp。