Question

I’m new in jQuery and I learn fast but really I need help.

I have a page containing data like this example :

The page have a dive called “content” (id)

This div contains 2 sub divs : one for data and one for form called respectively div-data and div-form.

Initially, “div-data” is shown and the other is hidden.

When I click edit “div-data” disappear and “div-form” appear with a filled form of data.

I made data validation and all it’s fine, the edited data is updated on DB, so I must hide “div-form”
and show “div-form”, but the problem, the data in “div-data” is not updated.

How can I do to update that div???

I’m in the last step :/

Answer 1

You’ve got the have the values in a separate element whose content you can replace.

Then you can fill those elements from the ajax success function:

success: function(data){
    $('#div-data').find('.firstname').text(data.firstname).end()
        .find('.lastname').text(data.lastname).end()
        .find('.work').text(data.work);
}