jquery ajax post отменен

Question

Я хочу отслеживать события щелчка мыши на наборе компонентов пользовательского интерфейса на множестве страниц. Для этого я использую следующий вызов jquery/ajax (обрезанный u):

1.Ajax-вызов, который добавит запись кликов.

myClickLogger = { 
    endpoint: '/path/to/my/logging/endpoint.html', 
    logClickEvent: function(clickCode) { 
    $.ajax({ 
     'type': 'POST', 
     'url':  this.endpoint, 
     'async': true, 
     'cache': false, 
     'global': false, 
     'data': { 
      'clickCode':clickCode 
     }, 
     'error': function(xhr,status,err){ 
      alert("DEBUG: status"+status+" \nError:"+err); 
     }, 
     'success': function(data){ 
      if(data.status!=200){ 
       alert("Error occured!"); 
      } 
     } 
    }); 
    } 
}; 

2.JQuery нажмите событие, которое будет вызывать АЯКС регистратор (The clickCode является идентификатором, для которого кнопка/изображения была нажата): (. 1)

$(document).ready(function() { 
    $(".myClickEvent[clickName]").click(function() { 
     var clickCode = $(this).attr("clickName"); 
     myClickLogger.logClickEvent(clickCode); 
    }); 
}); 

выше Ajax вызова " отменяется "браузером всякий раз, когда щелчок на кнопке отслеживается, переходит на новую страницу.

Если я изменяю 'aysnc' на 'false', то вызов ajax завершается успешно.

Кроме того, нажмите события, которые не попадают на новую страницу, не удастся. Отмена только событий кликов на новую страницу отменяется.

Я не хочу, чтобы звонок был синхронным.

Любые идеи, что может быть проблемой? Как я могу гарантировать, что асинхронный вызов до этого будет завершен, когда событие click перейдет на новую страницу?

Answer 1

Поскольку это асинхронный код, код будет завершен до того, как произойдет ведение журнала. То, что вы хотите сделать, это передать обратный вызов в асинхронный вызов. Это сохранит свойства async, но все же позволит вам уйти. Что-то вроде этого:

logClickEvent: function(clickCode, callback) { 
    $.ajax({ 
     'type': 'POST', 
     'url':  this.endpoint, 
     'async': true, 
     'cache': false, 
     'global': false, 
     'data': { 
      'clickCode':clickCode 
     }, 
     'error': function(xhr,status,err){ 
      alert("DEBUG: status"+status+" \nError:"+err); 
     }, 
     'success': function(data){ 
      if(data.status!=200){ 
       alert("Error occured!"); 
      } else { 
       callback(); 
      } 
     } 
    }); 
    } 

$(document).ready(function() { 
    $(".myClickEvent[clickName]").click(function(e) { 
     e.preventDefault(); // This will prevent the link from actually leaving right away 
     var clickCode = $(this).attr("clickName"); 
     var href = $(this).attr('href'); 
     myClickLogger.logClickEvent(clickCode, function(href){ 
      if (href) 
       window.location = href; 
     }); 
    }); 
}); 

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

Answer 2

Вы используете Firebug для отслеживания запросов? Если это так, это не совсем правильно. Если вы используете Fiddler для проверки запросов, вы можете увидеть, что они успешны. Отмененный статус в основном означает «браузер отменен в ожидании ответа», который вам все равно не нравится.

Answer 3

Я исправил с помощью CORS заголовков на AJAX, называемом сервером конечных точек.

Смотрите также: http://blogs.mulesoft.org/cross-domain-rest-calls-using-cors/
также: http://www.biodalliance.org/cors.html