Обновить div после отправки формы не работает

Question

Вот мой Javascript:

<script type="text/javascript"> 
// prepare the form when the DOM is ready 
$(document).ready(function() { 
    var options = { 
        target:        '.error_box_wrapper',   // target element(s) to be updated with server response 
        beforeSubmit:  showRequest,  // pre-submit callback 
        success:       showResponse,  // post-submit callback 
    }; 
    // bind form using 'ajaxForm' 
    $('#edit_group_form').ajaxForm(options); 
}); 
// pre-submit callback 
function showRequest(formData, jqForm, options) { 
    return true; 
}  
// post-submit callback 
function showResponse(responseText, statusText, xhr, $form)  {  
    alert("Success!");
} 
</script>

Я использую плагин формы Jquery, после отправки формы я хотел бы обновить div на странице.

Answer 1

Обновите HTML в своем div с идентификатором 'myDiv':

function showResponse(responseText, statusText, xhr, $form)  {  
    alert("Success!");
    $('#myDiv').html('YAY!');
} 

РЕДАКТИРОВАТЬ

Чтобы уточнить мой ответ на основе комментариев, вы должны сделатьчто-то вроде этого, чтобы обновить данные в div:

var $newData = $(document.createElement('div'))
.append(
    $(document.createElement('div'))
        .append("First Name: "+results.User.first_name)
)
.append(
    $(document.createElement('div'))
        .append("Last Name: "+results.User.last_name)
);

$('#DivName').html($newData);

Это создает новый элемент HTML с данными, основанными на поддельном объекте результатов.Вам придется настроить свой код на основе того, как вы возвращаете данные из вашего вызова ajax, но это должно дать вам представление о том, как обновить данные без обновления всей страницы.

Answer 2

function showResponse(responseText, statusText, xhr, $form)  {  
    alert("Success!");
    $('#divID').innerHTML('new content');
} 

Answer 3

target:        '.error_box_wrapper',

попробуйте с идентификатором вместо класса:

target:        '#error_box_wrapper',