2015-04-03 96 views
1

最近我已經跳入angularjs和它的美妙迄今。我一直通過$ http服務發送AJAX請求。今天,我很震驚地發現,沒有簡單的方法來做到這一點(據我所知)。通過google和SO進行瀏覽並沒有帶來複雜的複雜解決方案。AngularJS jQuery Ajax表單提交等效

儘管我現在最終使用了JQuery,但是好奇的是,如果像JQuery ajax這樣能夠發送表單的東西真的可用的話。下面是簡單的jQuery代碼來說明什麼是說

$.ajax({ 
      type: "POST", 
      url: formUrl, 
      data: formData, 
      success: function(data) 
      { 
       $scope.form = $sce.trustAsHtml('<div class="alert alert-success">Succesfully Registred. You will be taken home in 5 seconds!</div>'); 
       $timeout(function(){ 
        $window.location.href= "#home"; 
       }, 10000); 
      } 
     }); 

回答

2

中有角等效,這裏是一個的jsfiddle鏈接示例實現的:http://jsfiddle.net/dmcquillan314/boo5tn62/

第11行的函數爲例如何請求發送到REST API:

$scope.sendToResource = function() {} 

要啓用此功能只是改變功能的指令指向這家工廠,它會發送到在出廠時配置的API網址的請求。

爲了使用API​​來測試這一點,你就必須改變出廠,以配合您的服務器

這裏有一些鏈接到相關文檔:

https://docs.angularjs.org/api/ngResource/service/$resource

https://docs.angularjs.org/api/ng/directive/ngSubmit

https://docs.angularjs.org/api/auto/service/$provide

讓我知道如果有什麼不清楚或y你需要進一步的解釋。希望這可以幫助你開始。

+1

對於這樣的基本任務似乎很複雜。我會堅持使用JQuery。感謝精心設計的帖子! – 2015-04-04 00:18:43

+0

那裏沒有參數。沒問題,但。與大規模應用程序一起工作會變得很有幫助。 – dmcqu314 2015-04-04 00:47:28

+0

它有什麼用?我的意見是這使得簡單的事情變得困難。但是,我可能會錯過大局! – 2015-04-04 11:59:29