Задержка выполнения href щелчка до вызова ajax

Question

В представлении «Магистраль» можно ли задержать выполнение щелчка на якоре href до тех пор, пока не будет завершен вызов ajax?

Что бы я требую:

1. пользователя щелкает HREF;
2. По щелчку запускается вызов ajax;
3. Если вызов ajax успешный, только тогда должен быть выполнен href;

Я сделал тест, добавление метода к представлению Backbone, связанный с якорем:

clickNext: function(e){ 

     setTimeout(function(){ 
      console.log("test"); 
     }, 5000); 

К сожалению, HREF выполняется до того, как тайм-аут был закончен.

Причина, по которой мне это нужно, заключается в том, что я хочу разработать мастер, в котором каждая страница имеет отдельный URL-адрес; Я выполняю проверки с localstorage на каждой pageload, и я выполняю постоянное хранилище (Ajax) на каждом клике «Далее».

Answer 1

Чтобы предотвратить первоначальный щелчок, связанный с изменением местоположения, используйте e.preventDefault(), затем вы можете использовать выполненный или успешный вызов, когда успешный вызов ajax был успешным, чтобы вручную изменить местоположение хэша окна.

myApp.Views.ExampleView = Backbone.View.extend({ 
    el: "#myView", 
    events: { 
     "click a": "handleLink" 
    }, 
    handleLink: function (e) { 
     e.preventDefault(); 
     var link = $(e.currentTarget).attr('href'); 
     $.ajax("/echo/json/") 
      .done(function() { 
      location.hash = link 
     }) 
    } 
}); 

var myView = new myApp.Views.ExampleView(); 

скрипку - http://jsfiddle.net/leighking2/hjcg77h2/