一尘不染

AngularJS JQuery Ajax表单提交等效

angularjs

最近,到目前为止,我已经跳入angularjs及其精彩。我一直在通过$
http服务发送AJAX请求。今天,我震惊地发现没有简单的方法可以做到(据我所知)。通过谷歌和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);
           }
         });

阅读 209

收藏
2020-07-04

共1个答案

一尘不染

有一个等效的angular,这里是一个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/ng提交

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

让我知道是否有任何不清楚的地方,或者您需要进一步的解释。希望这可以帮助您入门。

2020-07-04