javascript - Jquery document.ready 没有响应

Question

我的页面加载时，document.ready 函数没有响应。 而且我也面临着 .submit 功能的问题。请帮忙。 请帮我重写这段代码。 我只是想在 php 中设计一个表单来使用 jquery ajax 检查给定的电子邮件 ID 是否已经存在于数据库中 请帮忙 .... !我的学校项目迟到了。

 $(document).ready(function(){
                alert("Working..");
                $("#userSubmit").submit(function(){
                    alert("Working ..");
                    var email=document.getElementById("userEamil").value;
                    $.ajax({
                        type:'POST',
                        data:"SELECT * FROM user WHERE userEmail='"+email+"'",
                        url:'common1.php',
                        success:function(data)
                        {
                            $result=$.parseJSON($data);
                            alert($result);
                            return false;
                        },
                        error:function(data)
                        {
                            alert(data);
                            return false;
                        }
                    });
                });
            });

Answer 1

你的代码有一些错误，我希望下面的代码能解决问题。对于进一步的问题，请检查 $.ajax 部分。

$(document).ready(function() {
        // alert("Working..");
        $("#userSubmit").submit(function(event) {
            event.preventDefault();
            alert("Working ..");
            var email = document.getElementById("#userEamil").value;
            $.ajax({
                type: 'POST',
                data: "SELECT * FROM user WHERE userEmail='" + email + "'",
                url: 'common1.php',
                success: function(data) {
                    $result = $.parseJSON($data);
                    alert($result);
                    return false;
                },
                error: function(data) {
                    alert(data);
                    return false;
                }
            });
        });
    });

<!-- begin snippet: js hide: false console: true babel: false -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="userSubmit" action="">
            <input type="email">
            <input type="submit" value="submit">
        </form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="">
    <input type="email" >
    <input id="userSubmit" type="submit" value="submit">
</form>