Javascript 如何防止Ajax刷新页面?
我有一个使用jquery动态构建的模式 当我点击yes时。我称之为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
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">×</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。让我试试。