jQuery ajax request неудобный выпуск

Question

Итак, у меня есть этот запрос ajax. Когда пользователь нажимает ссылку на редактирование, я получаю идентификатор записи и обновляю страницу с данными этой записи, загруженной в форму.

Вот моя проблема: это работает только с предупреждением, показываемым перед вызовом ajax. Когда я оставляю предупреждение, я получаю ошибку ajax (хотя идентификатор отправляется), и страница PHP просто перезагружается. Более того, он работает только тогда, когда я положил newDoc как успешный обратный вызов. Точно такие же линии, как полный обратный вызов и перезагрузка страницы. Более того, это происходит только в Firefox.

jQuery('a.edit').on('mousedown', function (e) { 
    e.preventDefault(); 
    var id = jQuery(this).attr('data-title'); 
    alert('test'); 
    jQuery.ajax({ 
     url: document.location, 
     data: { 
      id: id 
     }, 
     success: function (data) { 
      var newDoc = document.open("text/html", "replace"); 
      newDoc.write(data); 
      newDoc.close(); 
     }, 
     error: function() { 
      alert('error'); 
     } 
    }); 
}); 

Что я могу сделать?

EDIT: Это должно быть проблема с синхронизацией. Я только заметил, что когда я нажимаю и удерживаю ссылку на редактирование в течение секунды или около того, все работает нормально. Когда я делаю короткий щелчок, это не так. Поэтому я попробовал обернуть ajax в setTimeout(), но это не помогло. Любые другие идеи?

Answer 1

Попытка использовать location.href вместо document.location,

jQuery.ajax({ 
    url: location.href, 
    data: { 
     id: id 
    }, 
    success: function (data) { 
     var newDoc = document.open("text/html", "replace"); 
     newDoc.write(data); 
     newDoc.close(); 
    }, 
    error: function() { 
     alert('error'); 
    } 
}); 

location представляет собой структурированный объект, с свойствами, соответствующими частями URL. location.href - это весь URL-адрес в одной строке.

Answer 2

Получил это!

Проблема заключается в том, как Firefox обрабатывает событие mousedown. Кажется, вы прекратите вызов ajax, как только вы переместите кнопку мыши. Я изменил событие на , нажав, и теперь все в порядке.

jQuery('a.edit').on('click', function() { 
    var id = jQuery(this).attr('data-title'); 
    jQuery.ajax({ 
     url: document.location, 
     data: { 
      id: id 
     }, 
     success: function (data) { 
      var newDoc = document.open("text/html", "replace"); 
      newDoc.write(data); 
      newDoc.close(); 
     } 
    }); 
});