javascript - jQuery .load() 函数不返回任何内容

Question

我在 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-->

Answer 1

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

您可以通过使用点击句柄中的参数并调用 preventDefault method 来停止此默认行为。 :

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