Jquery Ajax的角度等价物是什么？

Question

$.ajax({
            type: "GET",
            url: "../Home/RightPanel",
            data:{"movie_name":$(".search_columns").val()},
            contentType: "application/json;charset=utf-8",
            success: function (res) {
               $("#right_panel").html(res);
            },
            error: function (xhr) {
                alert(xhr.responseText);
            }
        });

我尝试使用$ http而不是$ .ajax。但它没有用。

Answer 1

docs中有关于如何使用它的整个部分：

  

$http服务是一项核心Angular服务，可通过浏览器的 XMLHttpRequest 对象或 JSONP 促进与远程HTTP服务器的通信。

     

$http服务是一个函数，它接受一个参数 - 一个配置对象 - 用于生成HTTP请求并返回一个具有两个$http特定方法的promise： success < / em>和错误。

简单的GET请求示例：

$http.get('/someUrl').
    success(function(data, status, headers, config) {
        // this callback will be called asynchronously
        // when the response is available
    }).
    error(function(data, status, headers, config) {
        // called asynchronously if an error occurs
        // or server returns response with an error status.
    });

简单的POST请求示例（传递数据）：

$http.post('/someUrl', {msg:'hello word!'}).
    success(function(data, status, headers, config) {
        // this callback will be called asynchronously
        // when the response is available
    }).
    error(function(data, status, headers, config) {
        // called asynchronously if an error occurs
        // or server returns response with an error status.
  });

Answer 2

无法在$ http GET请求中发送数据。您可以将数据作为查询字符串参数发送，也可以发出POST请求。 JQuery自动转换查询字符串参数中的数据值。

使用查询字符串参数GET请求：

$http.get("../Home/RightPanel", 
{
params: { movie_name: $(".search_columns").val() }
});

您可以在AngularJS passing data to $http.get request找到更多示例。