php - 如何使用页面弹出窗口在Mysql数据库中插入数据而不重新加载页面？

Question

这个问题已经有答案了:

Inserting into MySQL from PHP (jQuery/AJAX) (2 个回答)

已关闭 8 年前。

通过使用弹出窗口中的表单将值插入mysql数据库而无需重新加载页面的最简单方式和方法是什么？

我有一个在窗口中弹出的表单，要求用户输入信息。现在，一旦信息被正确保存，用户将单击“确定”按钮，并且必须保留在页面上，而无需重新加载页面，并且新数据将显示在页面上。

有没有办法让插入方法发生？

请帮忙!

Answer 1

您可以使用 AJAX 和 jQuery 来做到这一点

$(document).ready(function() {

        // send add record Ajax call request to YourResponse.php 

        $("#YourSubmitButton").click(function (e) {
                e.preventDefault();

                 var firstField = $('#firstField').val();   
                var secondField = $('#firstField').val(); // As many fields you have on your Form

                if(Here your validation will work)
                {
                    alert("Please fill all fields!");
                    return false;
                }


                var dataString = 'firstField='+ firstField + '&secondField='+ secondField ; //build a post data structure
                jQuery.ajax({
                type: "POST", // HTTP method POST or GET
                url: "YourResponse.php", //PHP Page where all your query will write
                dataType:"text", // Data type, HTML, json etc.
                data:dataString, //Form Field values
                success:function(data){
                    $("#YourDivId").html(data); //Your Div Id Where Your listing is placed 
                    $("#PopUPDiv").hide(); // Hide Div after success


                }
                });
        });

在 YourResponse.php 页面中，您触发插入查询，然后触发选择查询，只需“print_r”您的结果数组。

如果您仍然需要帮助，请随时发表评论。我会在那里。