如何在不重新加载页面的情况下使用页面中的弹出窗口 window 在 Mysql 数据库中插入数据？

Question

在不重新加载页面的情况下，通过 使用弹出 window 中的表单将值插入 mysql 数据库的最简单方法是什么？

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

有没有办法实现该插入方法？

请协助！

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 页面中触发您的插入查询，然后触发 Select 查询只是 "print_r" 您的结果数组。

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

如何在不重新加载页面的情况下使用页面中的弹出窗口 window 在 Mysql 数据库中插入数据？

how to insert data in Mysql Database by using popup window from a page Without reload the page?

html

php

mysql

ajax