từ jquery $ .ajax sang $ http góc cạnh

Tôi có đoạn mã jQuery này hoạt động tốt với nguồn gốc chéo:

jQuery.ajax({
    url: "http://example.appspot.com/rest/app",
    type: "POST",
    data: JSON.stringify({"foo":"bar"}),
    dataType: "json",
    contentType: "application/json; charset=utf-8",
    success: function (response) {
        console.log("success");
    },
    error: function (response) {
        console.log("failed");
    }
});

Bây giờ tôi đang cố gắng chuyển đổi mã này sang mã Angular.js mà không thành công:

$http({
    url: "http://example.appspot.com/rest/app",
    dataType: "json",
    method: "POST",
    data: JSON.stringify({"foo":"bar"}),
    headers: {
        "Content-Type": "application/json; charset=utf-8"
    }
}).success(function(response){
    $scope.response = response;
}).error(function(error){
    $scope.error = error;
});

Bất kỳ sự giúp đỡ nào được đánh giá cao.

AngularJS cách gọi $ http sẽ giống như sau:

$http({
    url: "http://example.appspot.com/rest/app",
    method: "POST",
    data: {"foo":"bar"}
}).then(function successCallback(response) {
        // this callback will be called asynchronously
        // when the response is available
        $scope.data = response.data;
    }, function errorCallback(response) {
        // called asynchronously if an error occurs
        // or server returns response with an error status.
        $scope.error = response.statusText;
});

hoặc có thể được viết đơn giản hơn bằng cách sử dụng các phương thức phím tắt:

$http.post("http://example.appspot.com/rest/app", {"foo":"bar"})
.then(successCallback, errorCallback);

Có một số điều cần lưu ý:

• Phiên bản AngularJS ngắn gọn hơn (đặc biệt là sử dụng phương thức .post ())
• AngularJS sẽ chăm sóc chuyển đổi các đối tượng JS thành chuỗi JSON và thiết lập tiêu đề (chúng có thể tùy chỉnh)
• Các hàm gọi lại được đặt tên successvà errortương ứng (cũng xin lưu ý các thông số của mỗi hàm gọi lại) - Không được dùng trong phiên bản góc v1.5
• sử dụng thenchức năng thay thế.
• Thông tin thêm về thenviệc sử dụng có thể được tìm thấy ở đây

Trên đây chỉ là một ví dụ nhanh và một số gợi ý, hãy nhớ kiểm tra tài liệu AngularJS để biết thêm: http://docs.angularjs.org/api/ng.$http

Chúng ta có thể thực hiện yêu cầu ajax bằng cách sử dụng dịch vụ http trong AngularJs, giúp đọc / tải dữ liệu từ máy chủ từ xa.

Các phương thức dịch vụ $ http được liệt kê bên dưới,

 $http.get()
 $http.post()
 $http.delete()
 $http.head()
 $http.jsonp()
 $http.patch()
 $http.put()

Một trong những ví dụ:

    $http.get("sample.php")
        .success(function(response) {
            $scope.getting = response.data; // response.data is an array
    }).error(){

        // Error callback will trigger
    });

http://www.drtuts.com/ajax-requests-angularjs/

Bạn có thể sử dụng cái này:

Tải xuống "angle-post-fix": "^ 0.1.0"

Sau đó, thêm 'httpPostFix' vào các phụ thuộc của bạn trong khi khai báo mô-đun góc.

Tham khảo: https://github.com/PabloDeGrote/angular-httppostfix

bạn có thể sử dụng $ .param để gán dữ liệu:

 $http({
  url: "http://example.appspot.com/rest/app",
  method: "POST",
  data: $.param({"foo":"bar"})
  }).success(function(data, status, headers, config) {
   $scope.data = data;
  }).error(function(data, status, headers, config) {
   $scope.status = status;
 });

hãy xem phần này: Vấn đề liên quan đến API web của AngularJS + ASP.NET