ansaurus

Question

jQuery filtering AJAX data and then replaceWith data

Answer 1

A:

Should

    var $filteredData

not be

    var filteredData

?

André van Toly 2010-07-14 12:58:01

Don't think so. I thought it was common practice to declare variables like this in jQuery.

RyanP13 2010-07-14 13:01:08

@Ryan - You are right. It is common to give the first character of a variable name `$` when it references a jQuery object. `$` is a valid character.

patrick dw 2010-07-14 13:02:51

Answer 2

+1 A:

I think your problem is likely here:

var $filteredData = $(data).find('.Section1');
$('.Section1').replaceWith($filteredData);

.filter() would only find top level elements in the response (if it's a page, that's <html>, and wouldn't have any results). .find() looks for decendant elements. Also keep in mind that if you have multiple .Section1 elements, this won't behave as expected and will have some duplication going on.

Nick Craver 2010-07-14 13:00:09

Answer 3

A:

This is a tricky thing to do and I would recommend placing the data into something like a DOMParser or document.implementation.createDocument or MSXML.

if (window.DOMParser) {
    parser=new DOMParser();
    xmlDoc=parser.parseFromString(text,"text/xml");
}
else {
    xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
    xmlDoc.async="false";
    xmlDoc.loadXML(text); 
}

is a basic code example. jQuery itself can filter on a selector with the load function. http://api.jquery.com/load/ This however has several limitations such as not being able to filter on html, head, or body tags. This is why the above method is safer.

lark 2010-07-14 13:03:03

He's not trying to filter on any of those elements, just the standard inside-the-`<body>` filter...seems like this is over-complication, at least to me.

Nick Craver 2010-07-14 13:05:50

Agreed.Tried your suggestion Nick and it works really well.Always greatful for otehr points of view though :)

RyanP13 2010-07-14 13:10:59

Nick the only problem is if the content coming back is a full HTML page. All the elements in the <head> and <body> will be on the same level and it can cause some massive confusion and incur unintended results. My answer wasn't given for simplicity. In this case your answer is fine.

lark 2010-07-14 18:49:58

ansaurus

tags:

views:

answers:

jQuery filtering AJAX data and then replaceWith data

related questions