通过 PHP 在 HTML 加载时用 SQL 数据库中的数据填充 textareas [已关闭]

Fill textareas on HTML load with data from SQL database via PHP [closed]

提问人：smithmarci 提问时间：11/14/2023 最后编辑：isherwoodsmithmarci 更新时间：11/14/2023 访问量：47

问：

已关闭。这个问题需要更加集中。它目前不接受答案。

想改进这个问题吗？通过编辑这篇文章来更新问题，使其仅关注一个问题。

11天前关闭。

改进此问题

我正在寻求您在 HTML、JavaScript、jQuery、ajax、PHP 和 MySQL 方面的帮助。可悲的是，我无法提供任何代码（只有一个），因为我没有真正有效的代码。因为我不是程序员，所以这超出了我的理解范围。但我会尽力描述我希望实现的目标。

我有一个包含多个文本区域的 HTML 文件。这些文本区域具有唯一的 ID（如果有解决方案需要命名这些文本区域或为它们添加标题，那么我很好;如果这些文本区域需要包装成表单，那也没关系）。

我还有一个包含两列的MySQL数据库[ UUID ， Translations ]。在“UUID”列中存储的 ID 与文本区域完全相同，在“翻译”列中存储的是与这些唯一 ID 配对的文本字符串。

我想实现的是获取与唯一 ID 对应的“UUID”-“Translation”对，并在加载 html 时用“Translations”列的文本字符串填充文本区域。无需显示 UUID，只需显示字符串即可。我不想手动指定 textareas+ID，也不想指定 ID-UUID 配对，因为 html 中的所有 ID 都将由第三方应用程序生成，该应用程序还会创建数据库文件并使用这些 ID 创建所有记录。因此，也许需要一个遍历所有现有 ID 的解决方案。

我已经知道如何连接到我的数据库以及如何发送和保存记录，所以我想知道，如何拉取，如何获取特定数据，以及如何用它们填充文本字段。

你能用必要的代码来证明我完成工作吗？如果不是太多，我想得到一个完整的解决方案，因为对于独立的代码片段，我根本没有运气。 任何帮助都是值得赞赏的！

到目前为止，我唯一的代码是这个 HTML：

<!DOCTYPE html>
<html lang="en">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta title="TranslationFetcher">

            <!-- include bootstrap css -->
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" />
    </head>

    <body style="max-width: 100%">
        <div class='database-flex' style="max-width: 100%; margin-right: 2rem;"><div style="max-width: 100%; margin-right: 0rem;"><ul style="max-width: 100%; margin-right: 0rem;">

        <form method="POST" action="save.php">
            <label>Text1's translation</label>
            <textarea id="h599800e5g66d7g4de4gb030g6521266419fc" title="translation1" name="translationdata1" class="form-control translation-textarea"></textarea>

            <label>Text2's translation</label>
            <textarea id="hc17fc93fg968eg4591g8f31g0fe23110628a" title="translation2" name="translationdata2" class="form-control translation-textarea"></textarea>
            
            ...

            <label>Text999's translation</label>
            <textarea id="h435fb675gf2e0g46efga604gded8c83e213f" title="translation999" name="translationdata999" class="form-control translation-textarea"></textarea>
        </form>

        <!-- include bootstrap js -->
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
        
        <!-- include jquery js -->
        <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
        
    </body>
</html>

在过去的两周里，我一直在浏览 StackOverflow，但无论我如何尝试将这些碎片组合在一起，都没有任何效果。

更新 #1

我假设这个PHP代码应该从数据库中获取必要的密钥对：

<?php
$link = mysqli_connect("localhost", "root", "", "TranslateProject");

if (mysqli_connect_errno()) {
    printf("Connect failed: %s\n", mysqli_connect_error());
    exit();
}

$query = "SELECT UUID, Translations FROM TranslateProject";

if ($result = mysqli_query($link, $query)) {

    while ($row = mysqli_fetch_assoc($result)) {
        printf ("%s (%s)\n", $row["UUID"], $row["Translations"]);
    }

    mysqli_free_result($result);
}

mysqli_close($link);
?>

但我不知道该怎么处理它，

  • 如何从中制作JSON（如果这是我应该做的），
  • 如何解析这个JSON，
  • 如何将数据传递给 Javascript 或 HTML 本身
  • Javascript 会做什么，
  • 以及如何制作此脚本以使用相应的文本数据填充 textareas。

我已经尝试了太多其他问题可用的组合，以至于我完全迷失了方向。

php html jquery ajax mysqli

评论

0赞 David 11/14/2023
我们鼓励您尝试编写代码。如果您在尝试过程中遇到特定的技术问题，例如错误或意外结果，我们可以提供帮助。请提供有关该尝试的具体信息，以及哪些尝试没有按预期进行。要了解有关此社区的更多信息以及我们如何为您提供帮助，请从导览开始并阅读如何提问及其链接资源。
0赞 smithmarci 11/14/2023
嗨，大卫！感谢您的回复！不过，我更新了我的问题，不确定它是否对任何人有任何帮助。我无法编写自己的代码，因为缺乏所需的知识，我无法这样做。尝试将代码片段放在一起，反复试验，希望得到一个功能性的结果。但运气不好。并且没有找到完整的解决方案。这就是我寻求帮助的原因。
0赞 mplungjan 11/14/2023
一次问一个问题。但先搜索：PHP 从数据库创建 JSON
1赞 David 11/14/2023
@smithmarci：我们可以理解你是新手，可能正在努力编写代码。但是“我不懂编程，请有人帮我做”并不是 Stack Overflow 的主题问题。我们鼓励您尝试。从小处着手，一次只提供一项功能。如果您不知道正在使用的一种或多种工具/技术，请从入门教程和示例开始。在您尝试期间，如果您遇到特定问题，我们可以提供帮助。
1赞 smithmarci 11/15/2023
@Nico Haase：这是一个复杂的问题。现在我知道我应该在单独的、具体的、与问题相关的问题上寻求帮助。对不起！

答：

0赞 mplungjan 11/14/2023 #1

我会让你开始这些，但你也真的需要做一些调查

将循环更改为

$query = "SELECT UUID, Translations FROM TranslateProject"; 
$data = array(); 
if ($result = mysqli_query($link, $query)) {  
  while ($row = mysqli_fetch_assoc($result)) {   
    $data[] = array('UUID' => $row["UUID"], 'Translations' => $row["Translations"]);  
  } 
}  
$jsonData = json_encode($data); 
echo $jsonData;

假设生成

[
    {
        "UUID": "h599800e5g66d7g4de4gb030g6521266419fc",
        "Translations": "Translation text 1"
    },
    {
        "UUID": "hc17fc93fg968eg4591g8f31g0fe23110628a",
        "Translations": "Translation text 2"
    },
    // ... other translations
]

然后，您可以在 HTML 页面标题中执行此操作：

window.addEventListener('DOMContentLoaded', () => { // when page has loaded
  fetch('myTranslations.php')
  .then(response => response.json())
  .then(translations => {
    translations.forEach(translation => {
    const textarea = document.getElementById(translation.UUID);
    if (textarea) {
      textarea.value = translation.Translations;
    }
  });
});

评论

1赞 smithmarci 11/15/2023
它开箱即用！这就是我所希望的解决方案。我真的很感激！谢谢你，mplungjan先生！
0赞 mplungjan 11/15/2023
很高兴听到它:)

上一个：PHP sql 查询无法替换更新所有行

下一个：从 Javascript onClick 更新数据库 By Ajax PHP