Изменить местоположение окна JQuery
Я использую ajax для загрузки содержимого своего сайта и хочу обновить местоположение окна, когда ajax успешно.
Как обновить расположение окна до «/ newpage»? Мне нужно, чтобы пользователи могли вернуться и обновиться. Это возможно??
- Почему «$ (). Ready (handler)» не рекомендуется?
- Найти и обновить вложенный объект json
- Замыкания в петле цикла
- JQuery UI Datepicker - отключить текущую дату, но не выделить
- Закрыть Bootstrap modal изнутри iframe
- JQueryUI Slider - подсказка для текущей позиции
- Экспорт ng-grid-данных в CSV и PDF-формат в angularjs
- JQuery / Javascript для обнаружения ОС без плагина?
- JQuery xy координаты документа объекта DOM
- Как получить значение из выпадающего списка в jQuery
- Event.wheelDelta возвращает undefined
- Ввод на фокус или клавиша табуляции, переход в центр экрана
- Javascript и доступность
Я предполагаю, что вы используете jquery для вызова AJAX, чтобы вы могли сделать это довольно легко, поставив переадресацию в успех так:
$.ajax({ url: 'ajax_location.html', success: function(data) { //this is the redirect document.location.href='/newpage/'; } });
Вы можете установить значение document.location.href
для этой цели. Он указывает на текущий URL. JQuery не требуется для этого.
Вы можете использовать новые функции push / pop в API обработки истории .
Предполагая, что вы хотите изменить URL-адрес на другой в пределах одного домена, вы можете использовать это:
history.pushState('data', '', 'http://www.yourcurrentdomain.com/new/path');
Если вы хотите использовать кнопку «Назад», проверьте это. https://stackoverflow.com/questions/116446/what-is-the-best-back-button-jquery-plugin
Используйте document.location.href, чтобы изменить расположение страницы, поместите ее в функцию при успешном прогоне ajax.
Я пишу общую функцию для окна изменений
Этот код может использоваться параллельно во всех типах проектов
function changewindow(url,userdata){ $.ajax({ type: "POST", url: url, data: userdata, dataType: "html", success: function(html){ $("#bodycontent").html(html); }, error: function(html){ alert(html); } }); }