php - 无法在使用 ajax 的按钮单击时将表单数据插入数据库

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>