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

Javascript 使用js/jquery/ajax获取准确的mysql单元格内容,javascript,php,jquery,mysql,ajax,Javascript,Php,Jquery,Mysql,Ajax,我想问一下关于网页功能构建的任何线索。目标是从MySQL表中读取一个单元格,然后将其放入网页表的一个单元格中。接下来,此单元格必须每x秒自我刷新一次。整个网页表从一开始就有25行25个刷新列。Mysql表有26列,但只有25列包含所需的可编辑数据 一点编码: 主站点:网页单元格,其中将包含刷新内容(现在包括非工作和原型编码) map\u装载机2(1,2) PHP请求在单独的.PHP文件中用于调用函数(仅在这里我确信其编写和工作正确): 最后—在多次失败尝试和数十个不同的教程以及W3上数不清

我想问一下关于网页功能构建的任何线索。目标是从MySQL表中读取一个单元格,然后将其放入网页表的一个单元格中。接下来,此单元格必须每x秒自我刷新一次。整个网页表从一开始就有25行25个刷新列。Mysql表有26列,但只有25列包含所需的可编辑数据

一点编码:

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

map\u装载机2(1,2)
PHP请求在单独的.PHP文件中用于调用函数(仅在这里我确信其编写和工作正确):


最后—在多次失败尝试和数十个不同的教程以及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>

setInterval(函数映射\加载程序2(列、行)
{
$(“#whateva”).load(“map#u loader_query.php”);
},5000); //刷新间隔
至于现在,它只会在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>
.
.
.

1.
窗口。地图加载器2(1,1)
地图装载机2(1,2)
.
.
.
2.
.
.
.
等等,一次又一次,一次又一次。。。当然,它可以做得更好,但首先我希望它能工作,其次它可以改进。不幸的是,它不会像我那样容易工作
想要。

首先,您必须使用Ajax来完成您想要完成的任务。您需要创建一个set interval函数,该函数将每5秒执行一次,然后在该函数中ajax将调用map_loader_query.php页面,然后success函数将返回数据。如果从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>

setInterval(函数()
{ 
$.ajax({
类型:“post”,
url:“map\u loader\u query.php”,
成功:功能(数据){
$('div#whateva').html(数据);
}
});
}, 5000);

首先,您必须使用Ajax来完成您想要完成的任务。您需要创建一个set interval函数,该函数将每5秒执行一次,然后在该函数中ajax将调用map_loader_query.php页面,然后success函数将返回数据。如果从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>

setInterval(函数()
{ 
$.ajax({
类型:“post”,
url:“map\u loader\u query.php”,
成功:功能(数据){
$('div#whateva').html(数据);
}
});
}, 5000);
<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>