使用AngularJS / AJAX提交表单

Question

通常情况下，我会使用AJAX提交我的表单，它会捕获表单数据，将其传递给我的PHP，并使用下面的代码接收来自我的php的任何响应;

method1

我现在有一个使用Angular的表单，我想以与上面相同的方式提交bu似乎不起作用。在此表单中，我使用<script> $("input#submit").click(function() { $("#login-form").submit(function(e) { $('#loader').show(); // Client side validation if ($("#email").val() == "" || $("#password").val() == "") { $('#loader').hide(); fieldError(); } else { var postData = $(this).serializeArray(); var formURL = $(this).attr("action"); $.ajax( { url : formURL, type: "POST", data : postData, success:function(response) { switch(response) { case "Valid": $('#loader').hide(); $('#login-form').trigger("reset"); window.location.href="index.php"; break; case "not eValid": $('#loader').hide(); emailError(); break; case "not aValid": $('#loader').hide(); window.location.href="cverify.php"; break; case "not Valid": $('#loader').hide(); credError(); break; } } }); } e.preventDefault(); //STOP default action e.unbind(); }); }); </script> 作为提交。

button

使用上面的表单提交代码将<button type="submit" id="submit" class="btn btn-fluid-full btn-primary btn-large" ng-disabled="!blockCheckout()"> Checkout </button> 替换为input#submit无效，我只是导航到我的表单的操作网址。

任何帮助表示赞赏

Answer 1

您可以在表单标记上使用ng-submit指令。

<强>语法

<form
  ng-submit="expression/function">
...
</form>

示例

<form ng-submit="submit()">

现在，您可以在控制器中定义提交函数，该函数调用服务（Ajax）来提交表单数据。

要停止重定向，请从按钮标记中删除type="submit"属性。

<强>