Javascript 如何获取表中要传递给PHP中变量的单元格值?
我有点沮丧,因为我无法获取单元格的值并将其保存在php变量中,以便查询数据库Javascript 如何获取表中要传递给PHP中变量的单元格值?,javascript,php,html,twitter-bootstrap,modal-dialog,Javascript,Php,Html,Twitter Bootstrap,Modal Dialog,我有点沮丧,因为我无法获取单元格的值并将其保存在php变量中,以便查询数据库 <div class='card-body'> <div class='table-responsive'> <table class='table table-bordered' id='dataTable' width='100%' cellspacing='0'> <thead> &l
<div class='card-body'>
<div class='table-responsive'>
<table class='table table-bordered' id='dataTable' width='100%'
cellspacing='0'>
<thead>
<tr>
<th>Host Name</th>
<th>Time</th>
<th>Cpu</th>
<th>Mem</th>
<th>Load</th>
<th>Disk</th>
</tr>
</thead>
<tbody>
<?php
foreach ($results['results'][0]['series'] as $array) {
echo '<tr>';
echo "<td>{$array['tags']['hostname']}</td>";
foreach ($array['values'][0] as $value) {
echo "<td>{$value}</td>";
}
echo '</tr>';
}
?>
</tbody>
</table>
</div>
</div>
主机名
时间
中央处理器
记忆
负载
磁盘
在更高的层次上,您可以使用AJAX解决这个问题
示例步骤:
将主机名值作为属性添加到tr标记中
为表中的每一行添加事件(单击)。单击时,从所选表行获取属性,然后使用AJAX将该值传递给PHP
在PHP上的DB查询中使用传递的主机名值
示例代码:
<table>
<tr data-hostname-value="Hostname value 1" onclick="saveHostname()">
<td>Hostname value 1</td>
</tr>
<tr data-hostname-value="Hostname value 2" onclick="saveHostname()">
<td>Hostname value 2</td>
</tr>
</table>
<script>
function saveHostname() {
$('tr').on('click', function() {
var hostnameVal = $(this).attr('data-hostname-value');
$.ajax({
method: "POST",
data: "&hostname=" + hostnameVal,
url: PHP_URL,
success: function(data) {
// success JS code.
}
});
})
}
</script>
主机名值1
主机名值2
函数saveHostname(){
$('tr')。在('click',function()上{
var hostnameVal=$(this.attr('data-hostname-value');
$.ajax({
方法:“张贴”,
数据:“&hostname=“+hostnameVal,
url:PHP_url,
成功:功能(数据){
//成功的JS代码。
}
});
})
}
希望这有帮助,谢谢。PHP变量存储在服务器上,如果不创建对服务器的请求,就无法创建其他变量。如果您不想在发送请求时刷新页面,请使用AJAX
,否则,请使用PHP的$\u GET
或$\u POST
,您可以举一个小例子说明这一点。通过单击主机名,我将该值保存在一个php变量中。非常感谢。请原谅我的英语不好。很抱歉我做不到。试试这个,但是当我尝试用php阅读时,我并没有用:echo$\u POST['txtlname']实现它;我不得不说php和脚本在同一个页面上$('table tbody tr td').on('click',function(){$(“#myModal”).modal(“show”);$(“#txtfname”).val($(this).closest('tr').children()[0].textContent);$(“#txtlname”).val($(this.closest('tr').children()[1].textContent);});确保您从传递的URL查询数据中获取值。这是假设OP正在使用jQuery@Dharman是的,你是对的。我使用它的目的是用简单的方式解释这个概念。对不起,我不明白你把值放在哪里,也就是说,值在哪里可用,例如在关闭表时:。echo$hostnale;