从AngularJs调用Restful api函数

时间:2017-09-06 10:24:37

标签: javascript angularjs xmlhttprequest

我在asp.net中有Restful API服务,它提供了使用JavaScript的代码,我需要在angular中使用它的函数。 我在这里发布了具有RestAPI功能的代码,它包含对数据的调用,它应该将JSON数据返回给我相信的调用函数。如果有任何人熟悉该解决方案,我们将非常感谢您的回复。 感谢信。

function RestAPI(){ self = this; }
RestAPI.prototype = {
    self: null,
    urlString: "http://exclusiveautosales.azurewebsites.net/ExclusiveAutoSales_Handler.ashx",
    GetFiltersMain:function(successFunction,failFunction,token) {
        var data = { 'interface': 'RestAPI', 'method': 'GetFiltersMain', 'parameters': {}, 'token': token };
        var jsonData = dojo.toJson(data);
        var xhrArgs = {
            url: self.urlString,
            handleAs: 'json',
            postData: jsonData,
            load: successFunction,
            error: failFunction };
        var deferred = dojo.xhrPost(xhrArgs);
    },
    GetMakeModelPrice:function(make_id,model_id,min_price,max_price,successFunction,failFunction,token) {
        var data = { 'interface': 'RestAPI', 'method': 'GetMakeModelPrice', 'parameters': {'make_id':make_id,'model_id':model_id,'min_price':min_price,'max_price':max_price}, 'token': token };

        var jsonData = dojo.toJson(data);
        var xhrArgs = {
            url: self.urlString,
            handleAs: 'json',
            postData: jsonData,
            load: successFunction,
            error: failFunction };
        var deferred = dojo.xhrPost(xhrArgs);
    },
    GetSearchResult:function(search_q,make_id,model_id,year_id,engine_id,color_id,body_id,transmission_id,fueltype_id,subfeature_id,minPrice,maxPrice,successFunction,failFunction,token) {
        var data = { 'interface': 'RestAPI', 'method': 'GetSearchResult', 'parameters': {'search_q':search_q,'make_id':make_id,'model_id':model_id,'year_id':year_id,'engine_id':engine_id,'color_id':color_id,'body_id':body_id,'transmission_id':transmission_id,'fueltype_id':fueltype_id,'subfeature_id':subfeature_id,'minPrice':minPrice,'maxPrice':maxPrice}, 'token': token };

        var jsonData = dojo.toJson(data);
        var xhrArgs = {
            url: self.urlString,
            handleAs: 'json',
            postData: jsonData,
            load: successFunction,
            error: failFunction };
        var deferred = dojo.xhrPost(xhrArgs);
    }
};

1 个答案:

答案 0 :(得分:3)

这可以帮助您解决ASP.NET Web Service In AngularJS Using $HTTP

Restful

的用户$http服务
var app = angular.module('myApp', []);
       app .controller('RestAPI',function($scope, $http) {                    
                $http({
                    method : "GET",
                    url : "http://exclusiveautosales.azurewebsites.net/ExclusiveAutoSales_Handler.ashx",
                    data :{ 'interface': 'RestAPI', 'method': 'GetFiltersMain', 'parameters': {}, 'token': token }
                }).then(function mySucces(response) {
                    $scope.jsonData = response.data;
                }, function myError(response) {
                    $scope.jsonData = response;
                });
            });