AngularJS JQuery Ajax表单提交等效

时间:2015-04-03 23:18:26

标签: javascript jquery ajax angularjs

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

虽然我现在最终使用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);
           }
         });

1 个答案:

答案 0 :(得分:2)

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

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

$scope.sendToResource = 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

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