javascript - 如何防止Ajax GET刷新页面？

Question

我有一个使用 jquery 动态构建的模式。

当我点击"is"时。我称之为ajax

<小时/>

我已经尝试过

var popupTemplate =
'<div class="modal fade">' +
'  <div class="modal-dialog">' +
'    <div class="modal-content">' +
'      <div class="modal-header">' +
'        <button type="button" class="close" data-dismiss="modal">&times;</button>' +
'        <h4 class="modal-title">Are you sure ?</h4>' +
'      </div>' +
'      <div class="modal-body">' +
'        <h4 class="modal-title">You want to ' + operation + '  ' +  instance + ' ?</h4>' +
'      </div>' +
'      <div class="modal-footer">' +
'        <a id="updateAction" class="btn btn-primary" data-dismiss="modal" ' +
'        onclick="updateAction(`'+ instance+'`);return false;">Yes</a>' +
'        <button type="button" class="btn btn-link" data-dismiss="modal">No</button>' +
'      </div>' +
'    </div>' +
'  </div>' +
'</div>';

$(popupTemplate).modal();

    $('#updateAction').click(function (event) {
        event.preventDefault();
        event.stopPropagation();

        alert("HIIIII");
        // or use return false;
        console.log("event.preventDefault() executed ... ");
        return false;
    });

我添加了一个id，并添加了event.preventDefault();

My click() function doesn't seem to trigger

一旦我添加了 ajax block ，我就注意到我的页面不断刷新。

如果我删除该 ajax block ，我的页面就不会刷新。

如何停止**刷新？**

Answer 1

将 href="#" 添加到 anchor ，这样如果 updateAction() 中出现错误，它就不会尝试跟踪链接并重新加载页面。