15

AngularJS を学習し、Wordpress からデータを取得するフロントエンド システムを構築しようとしています。

バックエンド側ではすべてが適切に設定されているようで、jQuery ajax リクエストを使用すると問題なくデータを取得できます。

jQuery.ajax({
    type: 'POST',
    url: '/wp-admin/admin-ajax.php',
    data: {
        action: 'getdataajax'
    },
    success: function(data, textStatus, XMLHttpRequest){
        console.log(data);
    },
    error: function(MLHttpRequest, textStatus, errorThrown){
        console.log(errorThrown);
    }
});

しかし、AngularJS で同じことをしようとすると、うまくいきません。次のようなコードで ajax リクエストを複製しようとしています。

myApp.factory('productsData', function($http, $log) {
    return {
        getProducts: function(successcb) {
            return $http({ 
                method: 'POST', 
                url: '/wp-admin/admin-ajax.php', 
                data: {action: 'getdataajax'}
            }).success(function(data, status, headers, config) {
                    successcb(data);
                    $log.info(data, status, headers(), config)

            }).error(function(data, status, headers, config) {
                    $log.warn(data, status, headers(), config)
            });
        },

    };
});

ログに記録すると、0 が出力されます。

ご協力いただきありがとうございます。

PS コントローラーは次のようになります。

myApp.controller('ProductsController', function ProductsController($scope, productsData) {

    $scope.sortorder = 'name';

    // $scope.products = productsData.products;
    // $scope.products = productsData.getProducts();

    productsData.getProducts(function(products){
        $scope.products = products;
    });
});
4

1 に答える 1

29

angularjs コードでは、params:代わりにdata:.

jquery では、data:config 設定に指定されたオブジェクトは、設定しない限りクエリ文字列 (?key1=val1&key2=value2) に変換されますprocessData: false。angularjs ではparams:、クエリ文字列を取得するために使用する必要がありdata:、json または文字列として送信されます。

于 2013-09-23T20:11:57.257 に答える