Ajax - Как обновление <DIV> после отправляет
Мое лучшее предложение - использовать атрибут позиции. Как и в вашем примере, социальные кнопки зафиксированы в правой (средней) части сайта.
Попробуйте это:
body {
position: relative;
}
.shareaholic-canvas {
position: fixed;
top: calc(50%);
z-index: 100;
right: 0;
}
4 ответа
Чтобы решить эту проблему с помощью jquery, я бы попробовал следующее;
$(document).ready(function() {
$("#formSearch").submit(function() {
var options = {
/* target:"#divResult", */
success: function(html) {
$("#divResult").replaceWith($('#divResult', $(html)));
},
url: "http://localhost:8081/sniper/estabelecimento/pesquisar.action"
}
$(this).ajaxSubmit(options);
return false;
});
});
в качестве альтернативы вы можете заставить сервер возвращать только html, который нужно вставить в div а не остальную часть html-документа.
Я действительно не знаю плагин TableSorter, но знаю, что вам нужно будет повторно инициализировать свой плагин TableSorter каждый раз, когда вы перезагружаете элемент. поэтому добавьте в свою функцию успеха строку, нацеленную на вашу таблицу, например,
success: function(html) {
var resultDiv = $("#divResult").replaceWith($('#divResult', $(html)));
$('table.tablesorter', resultDiv).TableSorter();
}
Ваша проблема на стороне сервера: вы должны создать страницу, которая возвращает только нужный вам div, а затем изменить «url» в соответствии с этим.
В настоящее время вы загрузка всей страницы с помощью вызова AJAX, поэтому он возвращает всю страницу.
Вы можете использовать большинство обычных параметров функции jquery ajax с помощью ajaxSubmit. Просто передайте функцию успеха.
$('#formSearch').ajaxSubmit({success: function(){ /* refresh div */ });
См. здесь для более подробного примера.
Если вы просто хотите обновить свой div тем же статическим содержимым, которое было в нем до того, как оно было отменено результатами вашей публикации, вы можете попробовать что-то вроде:
$("#Container").html($("#Container").html());
конечно, будьте осторожны, чтобы внутренний HTML не изменился, или, в качестве альтернативы, вы можете сохранить innerHTML в переменной в функции document.ready () , а затем загрузить это всякий раз, когда вам нужно. Извините, написано на скорую руку.