製造AJAX調用在角JS填充範圍數據

你好我有一個角JS控制器這樣製造AJAX調用在角JS填充範圍數據

function InstantSearchController($scope){ 

$scope.items = [ 
    { 
     url: 'http://tutorialzine.com/2013/04/services-chooser-backbone-js/', 
     title: 'Your First Backbone.js App – Service Chooser', 
     image: 'http://cdn.tutorialzine.com/wp-content/uploads/2013/04/service_chooser_form-100x100.jpg' 
    } 
];

}

和我有一個AJAX調用

function getListOfJsonObjects(){ 
$.ajax({ 
    url:"http://"+window.location.host+"/getListOfJsonObjects", 
    type: "GET", 
    beforeSend: function (request) 
    { 
     request.setRequestHeader("JSESSIONID", $.cookie("JSESSIONID")); 
    }, 
    dataType: 'jsonp', 
    data: { 
     foreignKeyType:"OrgChartJSon", 
    }, 
    success: 
     function(dataFromServer){ 
     var parsedJSON = jQuery.parseJSON(JSON.stringify(dataFromServer));     

    }, 
    error: 
     function(xhr, status, error){ 

     alert("Failed"); 
    } 
});

}

我怎樣才能使一個$ http.jsonp調用，以便將響應數據放入作用域項目中。請幫我試用var responsePromise = $http.jsonp(url, {params : {foreignKeyType:"DecisionTreeJSon"} }); 甚至認爲響應狀態是200它始終進入失敗方法。

角碼：

<div ng-app="instantSearch" ng-controller="InstantSearchController"> 

<div class="bar"> 
    <!-- Create a binding between the searchString model and the text field --> 
    <input type="text" ng-model="searchString" placeholder="Enter your search terms" /> 
</div> 

<ul> 
    <!-- Render a li element for every entry in the items array. Notice 
     the custom search filter "searchFor". It takes the value of the 
     searchString model as an argument. 
    --> 
    <li ng-repeat="i in items | searchFor:searchString"> 
     <a href="{{i.url}}"><img ng-src="{{i.image}}" /></a> 
     <p>{{i.title}}</p> 
    </li> 
</ul>

來源

2014-03-25 Ekata

如果您發佈了完整的Angular代碼而不是jQuery，將會很有幫助。 – MBielski

不要在AngularJS項目在所有使用jQuery。

您必須使用$ http $ resource services來查詢Web服務。

Here is a plunker以顯示如何使用$ http來填充範圍，它不是jsonp，但您應該輕鬆擴展此示例。

來源

2014-03-25 15:34:00 Marco46

如果我使用$ http我得到XMLHttpRequest無法加載http：// getListOfJsonObjects /？foreignKeyType = JSon。請求的資源上沒有「Access-Control-Allow-Origin」標題。錯誤 – Ekata

製造AJAX調用在角JS填充範圍數據

回答

相關問題