如何从 PHP 更改 html 的 <p> 内部文本？

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!";