Question

I’m using an ajax post request to authenticate users, this script replies with a full webpage. Within the response if successful there is a div called #logged.

What I would like to do, is check if the requested result contains logged and then replace content within the corresponding #primary-content div. How can I do it?

Answer 1

I want to check if the response contains a div called logged, then get the content of a div called ‘primary-content’ contained in the response string.

Pretty simple really… Once your ajax object readyState has reached 4.

Just do this… presuming your ajax or data object is called ajax.

var logged = $("#logged", $(ajax.responseText)); //grab the logged element from the ajax obj
//check that the logged element exists
if(typeof logged !== "undefined"){
    //replace the content
    $("#primary-content").html(logged.contents());
}

Sources

• Detecting an undefined object property
• Grabbing Content from Other Pages with Ajax and jQuery
• load a specific element from an ajax loaded page
• parse html string with jquery