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

时间:2015-01-15 07:35:21

标签: php html mysql ajax

使用弹出窗口中的表单而不重新加载页面的情况下,将值插入mysql数据库的最简单方法和方法是什么?

我有一个窗口弹出窗口,要求用户提供内部信息。现在,一旦信息被正确地插入,用户将单击确定按钮,并且必须保留在页面上,而不会重新加载页面并且页面上会显示新数据。

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

请帮忙!

1 个答案:

答案 0 :(得分: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页面中,您可以触发Insert查询,然后触发选择查询,只需“print_r”您的结果数组。

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