javascript - 仅刷新页面问题的 div

Question

我有一页（index.php），它被分成几个部分（div）。我喜欢单击链接以刷新特定的 div，但我的问题是该值不是通过 url（使用 get 方法）发送到下一页（例如在 manage_team_teacher2.php 中）。例如 div 的 id 是 item4_section10。

这是链接

<a class="nav-link" href="manage_team_teacher2.php?id_team=<?= $row['id_team'];?>">manage</a>

这是jquery代码

<script type="text/javascript">
 $(function() {
     $('.nav-link').click( function() {
        var href = $(this).attr('href');
        $('#item4_section10').load(href, function() {

        });
        return false; 
     });
 });
</script>

非常感谢

Answer 1

您可以为此创建链接和 iFrame 组合。您可以使用以下 HTML

<a href="manage_team_teacher2.php?id_team=<?= $row['id_team'];?>" id="RefreshButton" target="DataFrame">Refresh</a>
<iframe id="DataFrame" name="DataFrame" src="" width="200px" height="200px" frameborder="0">
        <p>Your browser does not support iframes.</p>
</iframe>

并使用以下 jQuery 刷新链接点击

$(function () {
    $("#RefreshButton").click(function () {
        var href = $("#RefreshButton").attr('href');
        $("#DataFrame").attr('src', ''); //
        $("#DataFrame").attr('src', '/* Mention the atrget url here */');
        return false;
    });
}