javascript - 使用 js/jquery/ajax 获取准确的 mysql 单元格内容

Question

想请教一下网页功能 build 方面的线索。目标是从MySQL表中读取一个单元格，然后将其放入网页表的一个单元格中。接下来，这个单元格必须每 x 秒 self 刷新一次。整个网页表格从头开始会有25行25个刷新列。 Mysql 表有 26 列，但只有 25 列包含需要的和可编辑的数据。

一些编码:

主站点:网页单元格，将包含刷新内容(现在包括非工作和原型(prototype)编码)

<td>map_loader2(1,2) &nbsp;<div id="whateva"></div></td>    

在单独的 .php 文件中调用函数的 PHP 请求(只有在这里我确定它的正确编写和工作):

<?php
$servername = "localhost";
$username = "root";
$password = "admin";
$dbname = "map";
$loader="select c$column from map_1 WHERE map_1.RowNumber = $row ";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}


$result=$conn->query($loader);
$array = mysql_fetch_row($result);
echo json_encode($array);
if ($conn->query($loader) === TRUE) {
   // echo "Updated successfully";
   header("Location: http://sectortrader/main_site_editor.php"); /* Redirect browser */

} else {
    echo "Error updating record: " . $conn->error;
}

$conn->close();
?>

最后 - 经过多次失败的尝试和数十种不同的教程以及 W3 上无数页的文档以及其他一些来源，我设法创建的内容:

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script language="javascript" type="text/javascript">
setInterval(function map_loader2(column, row)
    {
    $("#whateva").load("map_loader_query.php");
    },5000); //refreshing interval
</script>

至于现在它只在 5 秒后按预期刷新(但是显示错误 - 因为它没有获得正确的查询值)，但我无法弄清楚如何强制它接受函数的参数。我在 PHP 和 MySQL 方面非常新手，在 js/jQuery/ajax 方面完全是新手。但是，我正在尝试编写的这个小游戏也是为了提高我的薄弱技能。

感谢抽空。

附言。我完全忘记分享我之前尝试过的功能:

<?php

function map_loader($column, $row)
    {
    $servername = "localhost";
    $username = "root";
    $password = "admin";
    $dbname = "map";
    // Create connection
    $conn = new mysqli($servername, $username, $password, $dbname);
    // Check connection
    if ($conn->connect_error) 
        {
        die("Connection failed: " . $conn->connect_error);
        }
    $loader="select c$column from map_1 WHERE map_1.RowNumber = $row ";
    $result=$conn->query($loader);
    $conn->close();
    return $result; 
    }
?>

我只想按如下方式使用它:

<tr>
        <td rowspan="25">&nbsp;</td>
        <td>1</td>
        <td>window.map_loader2(1,1) &nbsp;</td>
        <td>map_loader2(1,2) &nbsp;<div id="whateva"></div></td>
        <td>&nbsp;</td>
.
.
.
<tr>
        <td>2</td>
        <td><?php  map_loader(2,1); ?>&nbsp;</td>
        <td><?php  map_loader(2,2); ?>&nbsp;</td>
        <td>&nbsp;</td>
.
.
.

等等，一次又一次……当然，它可以做得更好——但首先我希望它能正常工作，其次它可以得到改进。不幸的是，它不会像我一样容易工作 想要。

Answer 1

首先你必须使用Ajax 来完成你想要完成的事情。您需要创建一个设置间隔函数，每 5 秒执行一次，然后在其中 ajax 将调用 map_loader_query.php 页面，然后成功函数将返回数据。如果从DB中查询到的数据只是html，则只需将查询到的数据插入到div whateva或td中即可。

<td><div id="whateva"></div></td>    

<script>
    setInterval(function()
    { 
        $.ajax({
          type:"post",
          url:"map_loader_query.php",
          success:function(data) {
              $('div#whateva').html(data);
          }
        });
    }, 5000);
</script>