Не в состоянии дать точную цель, чтобы обновить мой div в функции jquery
Сэр, когда я нажимаю на кнопку "Переименовать день", jquery popop calender появляется на моем экране, один раз, когда я нажимаю на кнопку "Отправить", он пересылается на мою страницу, но не обновляет точный div. Я не могу указать, где я должен указывать div цель для обновления моего конкретного div..
Функция JQuery для отправки
function okButton(){
$("#formId").submit();
};
$(this).submit({
target: '#userTemplateRightmiddlediv'});
};
struts.xml
<!-- Rename Selected Day for User Template -->
<action name="EditDayAction"class="com.ebhasin.fitnessbliss.dao.DynamicTableOperationsService" method="RenameDayUserTemp">
<result name="success">/jsps/userTemplateRightmiddlediv.jsp</result>
</action>
2 ответа
Расширьте функциональность вашего okButton, чтобы остановить поведение отправки формы по умолчанию, затем создайте функцию ajax, чтобы подключиться к вашему XML-файлу, вернуть данные и затем вставить данные в.html() элемента с идентификатором userTemplateRightmiddlediv
function okButton(){
$("#formId").submit(function(e){ //'e' for 'event'
e.preventDefault();//stop the page from refreshing
$.ajax({
url: 'Struts2 URL Here',
dataType: 'xml',
success: function(xml){
//function(xml) represents an object returned from our XML file, we can work with it however we want by using normalized jquery procedures
$("#userTemplateRightmiddlediv").html(xml);
}
});
});
}
редактировать
Изменено для отражения переносимости с помощью Struts 2.
Вы пытаетесь выстрелить двумя подчиненными. $ - это функция, которая возвращает объект. 'submit' - это метод этого объекта. Если объект jquery содержит форму, это все равно что нажать кнопку отправки в этой форме, чтобы страница обновилась, и весь оставшийся код не имел значения. Вы пытаетесь отправить дважды, но $(this).submit не имеет смысла.
Если бы мне пришлось угадывать, может быть, вы хотите что-то еще, как это:
$('#formId').submit( function(e){
e.preventDefault(); // stops the page from reloading
//maybe ajax or something else to change this div you're talking about.
} )