如何防止Ajax GET刷新页面？

Question

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

当我单击“是”时。我叫这个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();

  

我的click（）函数似乎没有触发

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

如果删除该ajax块，则不会刷新页面。

如何停止**刷新？**

Answer 1

将href="#"添加到锚点，因此如果updateAction()中存在错误，它将不会尝试跟随该链接并重新加载页面。