仅刷新页面问题的div

时间:2012-12-27 09:20:03

标签: javascript jquery ajax

我有一个页面(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>

thanx很多

1 个答案:

答案 0 :(得分:0)

您可以为此创建链接和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;
    });
}