使用 jquery 执行 ajax 功能

Question

简单地说，我有一个 <a> 标签，其值（ID）将在点击时发布到同一页面，

我想根据 post 方法提供的 ID 将数据加载到表中。另一方面，我有一个时钟，当触发 post 方法时，它会一次又一次地休息。

我只是想通过 jQuery 做同样的事情。

简而言之，我想使用 jQuery 实现 ajax

我也在使用数据库 MySQL，带有 PHP 脚本

我们将不胜感激。

<a class="D" href="?ID=<?php echo $rows[0]; ?>" onclick="">Question<?php echo $QNo; ?></a>

我想要与上面相同并获取 ID 以根据 ID 搜索相关数据。

Answer 1

我这里可能错了，但是你基本上是想根据一个ID查询一个PHP页面并在一个div中显示相关内容？

要进行 AJAX 调用，请设置一个 PHP 页面，该页面将查询您的数据库并返回 HTML 数据，然后您可以将其显示在 DOM 元素中。

一个非常简单的例子是：

HTML

<a href="#" data-tableId="1" class="linkToLoadTable">Load table 1</a>
<a href="#" data-tableId="2" class="linkToLoadTable">Load table 2</a>
<div id="contentToPopulate"></div>

jQuery：

$('a.linkToLoadTable').click(function(){
    var pageId = $(this).data('tableId')
    $.ajax({
        url: 'loadTable.php?id='+pageId
    }).done(function(data) {
        $('#contentToPopulate').html(data)
    });
})