2017-09-06 26 views
1

JavaScriptを使用するためのコードを提供するasp.netのRestful APIサービスがありますが、その機能を角度で使用する必要があります。 ここにRestAPI機能を持つコードを投稿しています。これにはデータの呼び出しが含まれており、JSONデータを呼び出し関数に返す必要があります。解決策をよく知っている人なら、あなたの反応は非常に高く評価されます。 ありがとうございます。AngularJsから安らかなapi関数を呼び出す

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); 
    } 
}; 
+0

ためASP.NET Web Service In AngularJS Using $HTTP

ユーザー$httpサービスを解決するために、あなたを助けるかもしれない - これはRESTfulなAPIではありません。 – jannis

答えて

3

これは、すべての原因に関してはRESTfulな

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; 
       }); 
      }); 
+0

トークンが定義されていないと言いますが、もう一度チェックしてください。 – user3661745

+0

エラーNo 'Access-Control-Allow-Origin' – user3661745

+0

jsonオブジェクトではなくhtmlコードを返します – user3661745

関連する問題