javascript - 如何在angular的$http中添加ajax的dataType属性？

Question

我想使用 Angular 对服务器进行 rest 调用，但我被阻止了我尝试使用带有基本授权 header 的传统 jQuery ajax 调用看起来像这样:

        jQuery.ajax({
            url: "http://localhost:8080/public/emp",
            type: "GET",
            dataType:"jsonp",
            Accept : "application/json",
            contentType: "application/json",
            headers: {
                'Authorization': 'Basic XXXXXXXXXXX'
            },
            success: function (data){
                alert(data);
            },
            error: function(){
                alert('Error');
            }
        });

它完美地工作并且检索了数据。

但是当我尝试用 AngularJs 的 $http 转换它时。像这样:

        $http({
            method:'GET',
            url : 'http://localhost:8080/public/emp',
            headers: {'Authorization': 'Basic XXXXXXXXXX',"content-type":"application/json","Accept" : "application/json"}})
        .success(function (data) {
            alert("success");
        })
        .error(function (error) {
            alert("error");
        });

它给我错误 401 - 未经授权

如何将 dataType 属性添加到 $http？我试过this堆栈溢出的链接，但仍然无法获得解决方案。

Answer 1

你试过了吗$http.jsonp方法？对于您的情况，这应该像这样工作:

$http.jsonp('http://localhost:8080/public/emp', {
        headers: {
            'Authorization': 'Basic XXXXXXXXXX',
            "content-type":"application/json",
            "Accept" : "application/json"
        }});

这里还有工作的 plunker example .和更一般的一个from angular team