AngularJS JQuery Ajax表单提交等效

到目前为止,我已经跳进了angularjs和它的精彩。 我一直在通过$ http服务发送AJAX请求。 今天我很震惊地发现没有简单的方法(据我所知)。 通过谷歌和SO进行搜索使我无处可寻找复杂的复杂解决方案。

虽然我现在最终使用JQuery,但我很好奇是否能够发送表单的JQuery ajax真的可用。 这是一个简单的JQuery代码来说明我在说什么

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

角度中有一个等价物,这里是一个带有示例实现的jsfiddle的链接: http : //jsfiddle.net/dmcquillan314/boo5tn62/

第11行的函数是如何向rest api发送请求的示例:

 $scope.sendToResource = function() {} 

要启用此function,只需将指令中的function更改为指向此工厂,它将向工厂中配置的api url发送请求。

为了使用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

如果有任何不清楚或您需要进一步解释,请告诉我。 希望这可以帮助您开始。