如何更改HTML的 <p> 從PHP內部文本？

Question

我正在嘗試從PHP更改HTML元素的內部文本。這甚至可能嗎？ 我正在為我的網站構建一個聊天應用程序（實時聊天），我需要通過查詢數據庫來不斷更新聊天，但是我一直堅持獲取元素並從PHP的HTML更改其內部文本。 提前致謝。

<?php
if (isset($_POST['iChat'])){
    $db_address = 'localhost';
    $db_username = 'root';
    $db_password = '';
    $db_name = 'chat';
    $connection = mysqli_connect($db_address, $db_username, $db_password, $db_name);
    $message = $_POST['iChat'];
    $personaname = $_COOKIE['personaname'];

    if ($message != '' && $personaname != ''){
        $query = "INSERT INTO chat VALUES (null, '{$personaname}', '{$message}')";
    mysqli_query($connection, $query);
    }
}

function get(){
    $db_address = 'localhost';
    $db_username = 'root';
    $db_password = '';
    $db_name = 'chat';
    $connection = mysqli_connect($db_address, $db_username, $db_password,     $db_name);
    $query = "SELECT `sender`, `message` FROM chat";
    $result = mysqli_query($connection, $query);

    >>>> GET ELEMENT HERE <<<<<<

    return json_encode($result);
}
?>

Answer 1

要在網站的任何元素，任何時間或任何位置更改內容，最簡單也是最好的方法是Ajax請求。

使用ajax請求，您基本上可以將帖子發送或到達服務器的任何給定URL。

您還可以傳遞數據（變量/對象）。 這樣，您可以將任何用戶生成的數據發送到服務器並對其進行處理。 （例如輸入字段）。

發出請求后，您將獲得3個回調： success ， complete ， error 。

無論成功或錯誤回調之后執行什么操作，都會始終觸發完成事件。 在成功回調中，您可以返回請求的result （從php文件返回的值）。

在error回調中，您可以通知用戶出了點問題，例如，請求以錯誤的請求或錯誤的網關或超時，404/503等響應。

可以在此處找到更多信息，包括一些其他有用的功能）： http : //api.jquery.com/category/ajax/

示例代碼：

jQuery(document).ready(function($){
    $.ajax({
        url: '?act=process',
        type: 'post',
        data: {
            id: $id,
            name:$name,
            description:$description
        },
        success: function (result) {
            $('.alert-success').show();
            console.log('Yay it worked');
        },
        error: function (xhr, ajaxOptions, thrownError) {
            $('.alert-danger').show();
            console.log('Something went wrong');
        }
    });
});

Answer 2

我想您正在尋找Ajax

1. 您可能有一個觸發按鈕

2. 單擊按鈕，啟動ajax請求（例如：使用jQuery ajax ）請求數據庫數據，這些數據由PHP代碼返回。

3. 如果請求成功，則將返回的數據放入HTML元素。

    document.getElementById("ElementID").innerHTML = "Data return by PHP!";