Javascript 使用js/jquery/ajax获取准确的mysql单元格内容
我想问一下关于网页功能构建的任何线索。目标是从MySQL表中读取一个单元格,然后将其放入网页表的一个单元格中。接下来,此单元格必须每x秒自我刷新一次。整个网页表从一开始就有25行25个刷新列。Mysql表有26列,但只有25列包含所需的可编辑数据 一点编码: 主站点:网页单元格,其中将包含刷新内容(现在包括非工作和原型编码)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上数不清
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"> </td>
<td>1</td>
<td>window.map_loader2(1,1) </td>
<td>map_loader2(1,2) <div id="whateva"></div></td>
<td> </td>
.
.
.
<tr>
<td>2</td>
<td><?php map_loader(2,1); ?> </td>
<td><?php map_loader(2,2); ?> </td>
<td> </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>