Обновление страницы в диалоговом окне jquery

Question

У меня есть диалоговое окно jquery, которое открывает карту. Когда карта закрыта, страница обновляется. Это работает правильно. Мой вопрос в том, как я могу сделать его более эффективным. Я хочу, чтобы страница под обновлением и когда пользователь выбирает другую ссылку, которая в диалоговом окне обновляет информацию соответствующим образом. Я использую reload(), но некоторые ресурсы на странице очень большие и занимают немного времени, чтобы перезагрузить всю страницу.

Вот мое диалоговое окно:

function openBox(v) { 
    $("#mapDiv").dialog({ 
     autoOpen: false, 
     height: 600, 
     width: 900, 
     title: "Deomographic Profile", 
     close: function (ev, ui) { window.location.reload() } 

    }); 

    //open dialog and show the legend in the dialog 
    $("#mapDiv").dialog("open"); 
    $("#legend").show(); 
}//end open box 

Answer 1

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

Answer 2

Тогда вы можете подумать о том, чтобы использовать Ajax, см. Там doc: http://api.jquery.com/jQuery.ajax/ Это позволяет вам изменять часть страницы без обновления. Если вы не заботитесь об интернет-обозревателе, вы можете изменить значения URL без обновления: https://developer.mozilla.org/en-US/docs/Web/Guide/DOM/Manipulating_the_browser_history дает вам возможность иметь «историю» без изменения страницы. Если вам нужна дополнительная помощь, спросите меня, я дам вам несколько советов.