Javascript 如何防止Ajax刷新页面?

Javascript 如何防止Ajax刷新页面?,javascript,jquery,html,Javascript,Jquery,Html,我有一个使用jquery动态构建的模式 当我点击yes时。我称之为ajax 我试过了 var popupTemplate = '<div class="modal fade">' + ' <div class="modal-dialog">' + ' <div class="modal-content">' + ' <div class="modal-header">' + ' <button type="bu

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

当我点击yes时。我称之为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

我的点击功能似乎没有触发

当我添加ajax块时,我注意到我的页面不断刷新

如果我删除ajax块,我的页面将不会刷新


如何停止**刷新?***

将href=添加到锚点,以便在更新操作中出现错误时,它不会尝试跟随链接并重新加载页面。

您能否尝试在代码笔中复制此内容以供我们查看?谢谢,我建议您尝试使用不同于标记的东西,并确保您没有href=这将在url中附加,并且可能是一个问题$'updateAction'。单击时,函数事件{…}您有一个onclick=updateAction,该函数在哪里?但如果您是$'updateAction'。单击“收听”,您可能不需要onclick=updateAction'+instance+';返回false;完全另外,一定要用ajax的document ready.block来结束这篇文章?没有ajax。让我试试。