如何在PHP / MySQL和JQuery之间进行交互?

时间:2017-03-21 13:58:40

标签: javascript php jquery mysql ajax

我想用MySQL动态填充表格。

$query = mysql_query("select * from information");
$i=0;
while($fetch = mysql_fetch_array($query)) {
echo'<tr>
    <td><span id="'.$fetch['id'].'">'.$fetch['name'].'</span></td>
    <td>'.$fetch['details'].'</td>
    <td>'.$fetch['status'].'</td>
    </tr>';
}

我想用jQuery来解决这个问题。

$(function () {
    $('#id1').click(function () {
       do 1...
    }
    $('#id2').click(function () {
       do 2...
    }
}  

但我该怎么做?我还要动态生成JS吗?

1 个答案:

答案 0 :(得分:0)

看起来您正在寻找对类似项目使用相同的jQuery事件处理程序。您可以在标记中添加一个类并选择该类,而不是选择#id1。例如.info_span。如果您需要其他数据以便每行可以使用特定功能,则可以执行以下操作:

  1. 您可以向该范围添加data-个属性。属性是这样的:<span id="..." class="..." data-details="some data">...</span>。然后,您可以使用$('.selector').data('details')使用jQuery访问它。在此处阅读数据属性:https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes
  2. 您可以使用普通属性。这有可能与适当的属性冲突,应该避免。
  3. 将您的数据存储在Javascript数组中。您可以使用<script>var my_data = <?= json_encode($table_data) ?>;</script>等技术轻松完成此操作。
  4. 使用AJAX获取所需的记录数据。请参阅此处以了解jQuery的用法:http://api.jquery.com/jquery.ajax/