使用Angular JS调用http

时间:2015-04-09 14:54:58

标签: ajax angularjs

我不了解如何使用Angular JS进行API调用。

我可以使用Ajax进行post调用,但我想使用Angular语法进行相同的调用。

使用Ajax看起来像这样:

$.ajax({

        url: "url",
        contentType: "application/json",
        type: "POST",
        dataType: "json",
        data: JSON.stringify(data),
        success: function (result) {
            alert(JSON.stringify(result));
        }
    });

并且此代码有效,但是当我尝试使用http调用执行相同操作时:

$http({

    method: "POST",
    url: "url",
    headers: {'contentType': "application/json"},
    data: JOSN.stringify(data)
  }).success(function(account){
    alert("You logged in!");
  }).error(function(){
    alert("Incorrect Information");
  });

成功和错误警报均未触发。

我查看了Angular中的其他http调用,但无法找到我的代码和其他调用之间的区别。是什么导致我的代码失败?

谢谢!

1 个答案:

答案 0 :(得分:0)

你试过这些例子吗? https://docs.angularjs.org/api/ng/service/ $ HTTP

如果数据是对象,我建议这样做:

$http.post('url', data)
    .success(function(account){
        alert("You logged in!");
    })
    .error(function(){
        alert("Incorrect Information");
    });

您的对象已经过适当的格式化和字符串化。