在Jquery中取消PJAX请求

Question

我有使用PJAX渲染的链接。

在其中一个表格中，我有一个表格。当用户编辑表单并单击任何pjax链接时，我想显示一个确认消息对话框，“您确定要导航，还有未保存的更改”

那么如何调用pjax请求？

Answer 1

您可以设置一个在用户编辑表单时设置为true的变量，然后检查您的链接处理程序。例如

var formEdited = false;

// form input edit handler
$('input').change(function() {
  formEdited = true;
});

// pjax click handler
$(document).on('pjax:click', function(e) {
  // if form has been edited
  if (formEdited) {
    // show error prompt
    var confirmNavigate = confirm("You have unsaved changes. Are you sure you want to navigate to a new page?");
    // if cancelled
    if (!confirmNavigate)
      return false;
  }
})