Не в состоянии дать точную цель, чтобы обновить мой 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.
} )
Другие вопросы по тегам