Parsing the response from a jQuery ajax form post

Question

I am successfully posting a form via ajax, using the following code;

 $.post( "Page.do?source=ajax", 
            $("#Form").serialize(), 
            function(data){ 


                }

The data response that comes back can be alert'd. I can see that it is the HTML of the entire form, having been submitted. But, I am having trouble accessing an element in that form which has come via ajax, ie

data.find('.Errors').html() 

or

$('.Errors', data).html()

Do I need to somehow convert the text into a DOM which can then be parsed by jQuery?

Answer 1

Do I need to somehow convert the text into a DOM which can then be parsed by jQuery?

Yes you do:

$(data).find('.Errors').html();

Although normally using data as the scope for the selector like you showed in your second example should work.

Answer 2

Correct, otherwise you would have to apply regex to the result (which is a string and not a DOM).

You can convert it to DOM by:

$(data)

and then applying any jQuery you want to it.