如何刷新div而不刷新整个页面?

时间:2016-11-04 05:54:35

标签: javascript jquery html ajax html5

我有一个PHP文件 special.php ,其中包含用于提供子页面的菜单。一旦我点击一个菜单,它就会加载我要求的页面而不刷新主页面,即special.php。加载子页面后,我创建一个SESSION,它将存储当前页面。

以下是我尝试的代码,似乎没有刷新菜单div。

echo '<footer id="ajaxmenu">';
echo '<ul>'
      if ( $_SESSION["ajax_show"] == 'result') {
           echo "<li style='text-decoration: underline;'>";
       } else {
              echo '<li>';
       }
       echo "<a href='#' onclick=\"result(); return false;\">Academic</a></li>";

 echo '</ul>';
 echo '</footer>';
}

JQuery ajax。

function result(year) {

    var year = year.value;
    $.ajax ({
           type: "POST",
            url: "result.php",
            data: { year: year},
            success: function(data),
                $("#result").html(data);
            }
    });    
    $("#ajaxmenu").load("#ajaxmenu");
    return false;
 }

在Nutsheell,当我点击菜单时,我希望在不加载整页的情况下刷新 #ajaxmenu

1 个答案:

答案 0 :(得分:1)

AJAX success替换$("#result").html(data); $("#ajaxmenu").html(data)。至于现在,您似乎正在将数据响应加载到错误的容器中 - 代码中只有id="response"

此外,它可能会导致<footer>标记彼此嵌套,因此在准备HTML时应牢记这一点。