Javascript 使用AngularJS/AJAX提交表单

因此，通常，我会使用AJAX提交表单，AJAX将捕获表单数据，将其传递给我的PHP，然后使用下面的代码接收来自我的PHP的任何响应

<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>

使用上面的我的表单提交代码将

输入#提交

替换为

按钮#提交

无效，我只是被导航到表单的操作URL

---

欢迎任何帮助

您可以在表单标签上使用

ng submit

指令

语法

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

...

示例

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

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

要停止重定向，请从按钮标记中删除

type=“submit”

属性

---

你能把你的问题处理一下吗？你有没有在你的表格上做任何验证？希望这有助于解决一些复杂的问题：（@AbhijeetKumarGaur@JayPatel没有验证，它是一个简单的表单。

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