如何通过ajax jquery插入数据并显示查询?

时间:2017-12-12 08:14:37

标签: php ajax

想要运行我的插入查询并在插入mysqli数据库之后,想要在同一页面中显示相同的数据。

1 个答案:

答案 0 :(得分:0)

我明白你在说什么,但没有任何代码,没有人可以真正帮助你,幸运的是,我会说你的语言,在提问时不清楚,所以这基本上是你要求的

<强> HTML

<form id="form_id_form" method="post">
    <input type="text" name="textbox1" id="textbox1">
    <input type="submit">
</form>
<div id="insert_output"></div>

<强> AJAX

<script type="text/javascript">
    $("#form_id_form").submit(function(e) {
        $.ajax({
            type: "POST",
            url: "path_to_your_insert_query.php",
            data: $("#form_id_form").serialize(), // serializes the form's elements.
            success: function(data) {
                $("#insert_output").html(data); // append insert query response to div id
            }
        });
        e.preventDefault(); // avoid to execute the actual submit of the form.
    });
</script>

但实际上你应该告诉我们你的插入查询是什么样的,这样我们可以更好地帮助你。