Question

我第一次使用ajax，这里不能解决这个问题的代码是fr.php

<script type="text/javascript">

    function register(){

        $.ajax({

            type: "POST",
            url: "submit_data.php",
            data:     "username=" + document.getElementById("username").value + 
                    "&email=" + document.getElementById("email").value,
            success: function(html){
                $("#response").html(html);
            }
        });
        }

    </script>

我的问题是它不会在按钮点击的同时进入函数内部

Answer 1

您没有以正确的方式发送数据。

以下是您修改后的代码

<script type="text/javascript">
function register(){
    $.ajax({
        type: "POST",
        url: "submit_data.php",
        data: { "username": document.getElementById("username").value, "email": document.getElementById("email").value },
        success: function(html){
            $("#response").html(html);
        }
    });
}
</script>

Answer 2

您正在以错误的方式发送数据。使用此代码正确发送数据

data: { "username": document.getElementById("username").value, "email": document.getElementById("username").value },

Answer 3

同意Yogesh Suthar 另外，如果您使用jQuery，您的代码最好如下所示：

<script type="text/javascript">

    function register(){

        $.ajax({
            type: "POST",
            url: "submit_data.php",
            data: { username: $("#username").val(), email: $("#email").val() },
            success: function(html){
                $("#response").html(html);
            }
        });
    }

</script>

使用ajax单击按钮时无法在数据库中插入表单数据

3 个答案: