Php 让div中的论坛在不重新加载页面的情况下重新加载

Php 让div中的论坛在不重新加载页面的情况下重新加载,php,html,ajax,database,Php,Html,Ajax,Database,我很想知道我是否有可能像窗口一样重新加载div。这样做的原因是我有一个论坛,但我不想在四个论坛完成后重新加载整个页面。所以我想知道,当按下submit按钮时,是否只有div或forum部分中的元素可以进行后台重新加载,或者只是自己加载 这是在一个名为forum的文件中输入的信息。我希望它不要重新加载页面,而是停留在该论坛上,仍然将数据发送到数据库 投入1: 是的,有办法。它被称为AJAX——但不用担心,它非常简单 您的代码将如下所示: HTML: <form action="demo.

我很想知道我是否有可能像窗口一样重新加载div。这样做的原因是我有一个论坛,但我不想在四个论坛完成后重新加载整个页面。所以我想知道,当按下submit按钮时,是否只有div或forum部分中的元素可以进行后台重新加载,或者只是自己加载

这是在一个名为forum的文件中输入的信息。我希望它不要重新加载页面,而是停留在该论坛上,仍然将数据发送到数据库


投入1:


是的,有办法。它被称为AJAX——但不用担心,它非常简单

您的代码将如下所示:

HTML:

<form action="demo.php" method="post" />
    <p>Input 1: <input type="text" name="firstname" /></p>
    <input type="submit" value="Submit" />
</form>
$(function(){
    $('form').submit(function(evt){
    //next line stops form submission from sending you to `demo.php`
    evt.preventDefault(); //evt stands for "event" - can be anything. I use e.preventDefault()
    var fn = $('[name=firstname]').val();
    $.ajax({
        type: 'post',
         url: 'demo.php', //send data ONLY to demo.php -- page stays as it is
        data: 'first='+fn,
        success: function(d){
            if (d.length) alert(d);
        }
    }); //END ajax
}); //END document.ready
demo.php

<?php
    $fn = $_POST['fn'];
    //Do your database insert here

    //If you wish, you can return some data to the AJAX's success function:
    echo 'You submitted: ' .$fn;

Ajax是您需要使用的。固定语法和代码缩进我应该把js/jquery放在哪里我尝试过使用这段代码,但它没有回答我的问题