Laravel angularjs Yêu cầu :: ajax() luôn sai

Question

Tôi đang xây dựng ứng dụng với angularjs và laravel 4. Mọi thứ đều ổn nhưng bây giờ tôi chỉ cần cho phép yêu cầu XHR.

Đây là những gì tôi có ở đầu bộ điều khiển của mình. Nhưng tuyên bố này luôn luôn là sai.

if (!\Request::ajax()) 
    { 
     return Response::json(array('halt'=>Request::ajax())); 
    }; 

Ở góc cạnh Tôi đang sử dụng dịch vụ http $ chuẩn.

angular.module('APP') 
.factory("API", ($http,$q,appClient,apiURL) -> 
class FB 
    constructor:-> 
    this.deferredData = $q.defer(); 
    info: (reload)-> 
    $http(
     method: "get" 
     url: apiURL+'game/'+appClient+"/info" 
    ).success((res)-> 
     dostuff() 
    ) 

Answer 1

Khi thực hiện cuộc gọi AJAX, tiêu đề X-Requested-With thường được đặt thành XMLHttpRequest. Phương thức Request::ajax() của Laravel được xây dựng dựa trên phương thức Symfony2, chỉ cần kiểm tra sự hiện diện của tiêu đề này.

Vào tháng 10 năm 2012, Angular.js removed tiêu đề này vì chúng cảm thấy rằng nó hiếm khi được sử dụng.

Như @Thrustmaster và bản thân đề cập trong các ý kiến, bạn cần phải thiết lập:

$httpProvider.defaults.headers.common["X-Requested-With"] = "XMLHttpRequest" 

Answer 2

Nếu bạn không muốn sửa đổi ứng dụng góc front-end (hoặc không thể), và thà sửa đổi đang Laravel của bạn để phân biệt giữa các yêu cầu kiễu góc JS AJAX vs các yêu cầu khác, bạn cũng có thể sử dụng Request::wantsJson():

if(Request::wantsJson()) { 
    // Client wants JSON returned 
} else { 
    // Client does not want JSON returned 
} 

phương pháp wantsJson dựa vào tiêu đề Accepts HTTP chuẩn (chứ không phải là phi tiêu chuẩn X-Requested-With tiêu đề) với sự hiện diện của application/json. Miễn là Angular JS để nó theo mặc định và bạn không loại bỏ nó theo mục đích, phương pháp này đáng tin cậy.

Answer 3

Đối AngularJs người mới tìm kiếm nơi để thêm $httpProvider.defaults.headers.common["X-Requested-With"] = "XMLHttpRequest"

Dưới đây là một ví dụ:

var angularApp = angular 
    .module('angularApp', [ 
    'ngResource', 
    ]) 
    .config(['$httpProvider', function($httpProvider) { 
     $httpProvider.defaults.headers.common["X-Requested-With"] = 'XMLHttpRequest'; 
    }]);