jQuery .load()函数不返回任何结果

jQuery .load() function returning nothing

本文关键字：返回 任何 结果 函数 load jQuery      更新时间：2023-09-26

我在Index.aspx中有以下代码块。当我点击按钮的页面，它重新加载和显示什么(空页)。

<div class="filter_block">
                <span>Show</span>
                <a href="#"><span class="title">full shedulle</span></a>
                <a id="buttonFindFilmByName" class="active"><span class="title">films name</span></a>
                <script type="text/javascript">
                    $(document).ready(function () {
                        $("#buttonFindFilmByName").click(function() {
                            $('#listInfoBlock').load('cinema/filmlist');
                        });
                    })
                </script>
            </div><!-- .filter_block-->
            <div id="listInfoBlock" class="list_infoBlock">           
            </div><!-- .list_infoBlock-->

您的页面正在重新加载，因为这是用户单击a(链接)HTML元素时标准浏览器的行为。

您可以通过使用click句柄中的参数并调用preventDefault方法来停止此默认行为:

$("#buttonFindFilmByName").click(function(e) {
    e.preventDefault();
    ....

从click处理函数返回false，告诉浏览器不要跟随该链接。这也允许您在href中为不支持JavaScript的浏览器设置一个真正的链接，或者在用户关闭它的情况下。

$(document).ready(function () {
  $("#buttonFindFilmByName").click(function() {
    $('#listInfoBlock').load('cinema/filmlist');
    return false; // <====== FIX
  });
});
相关文章：