Какова наилучшая практика для парсинга удаленного контента с помощью jQuery?

После вызова jQuery ajax для извлечения всего документа XHTML, каков наилучший способ выбора определенных элементов из результирующей строки? Возможно, есть библиотека или плагин, который решает эту проблему?

jQuery может выбирать только элементы XHTML, которые существуют в строке, если они обычно разрешены в div в спецификации W3C; поэтому мне интересно выбирать такие вещи, как

jquery.js (jQuery 1.3.2 несжатый) test.html действительный XHTML-документ

xmlDoc.js

 // helper function to create XMLDocument out of a string jQuery.createXMLDocument = function( s ) { var xmlDoc; // is it a IE? if ( window.ActiveXObject ) { xmlDoc = new ActiveXObject('Microsoft.XMLDOM'); xmlDoc.async = "false"; // prevent erros as IE tries to resolve the URL in the DOCTYPE xmlDoc.resolveExternals = false; xmlDoc.validateOnParse = false; xmlDoc.loadXML(s); } else { // non IE. give me DOMParser // theoretically this else branch should never be called // but just in case. xmlDoc = ( new DOMParser() ).parseFromString( s, "text/xml" ); } return xmlDoc; }; 

output.js

 // Output the title of the loaded page // And get the script-tags and output either the // src attribute or code function headerData(data) { // give me the head element var x = jQuery("head", data).eq(0); // output title alert(jQuery("title", x).eq(0).text()); // for all scripttags which include a file out put src jQuery("script[src]", x).each(function(index) { alert((index+1)+" "+jQuery.attr(this, 'src')); }); // for all scripttags which are inline javascript output code jQuery("script:not([src])", x).each(function(index) { alert(this.text); }); } 

ready.js

 $(document).ready(function() { $('#getit').click(function() { $.ajax({ type : "GET", url : 'test.html', dataType : "xml", // overwrite content-type returned by server to ensure // the response getst treated as xml beforeSend: function(xhr) { // IE doesn't support this so check before using if (xhr.overrideMimeType) { xhr.overrideMimeType('text/xml'); } }, success: function(data) { headerData(data); }, error : function(xhr, textStatus, errorThrown) { // if loading the response as xml failed try it manually // in theory this should only happen for IE // maybe some if (textStatus == 'parsererror') { var xmlDoc = jQuery.createXMLDocument(xhr.responseText); headerData(xmlDoc); } else { alert("Failed: " + textStatus + " " + errorThrown); } } }); }); }); 

В Opera все работает без createXMLDocument и функции beforeSend .

Дополнительный обман необходим для Firefox (3.0.11) и IE6 (не может тестировать IE7, IE8, другие браузеры), поскольку у них есть проблема, когда возвращаемый сервером Content-Type: не указывает, что это xml. Мой веб-сервер возвратил Content-Type: text/html; charset=UTF-8 Content-Type: text/html; charset=UTF-8 для test.html. В этих двух браузерах jQuery вызвал обратный вызов error с помощью textStatus говорит parsererror . Потому что в строке 3706 в jQuery.js

 data = xml ? xhr.responseXML : xhr.responseText; 

data устанавливаются равными нулю. Как и в FF и IE, xhr.responseXML является нулевым. Это происходит потому, что они не получают, что возвращаемые данные являются xml (как Opera). И только xhr.responseText устанавливается со всем xhtml-кодом. Поскольку данные являются нулевыми, строка 3708

 if ( xml && data.documentElement.tagName == "parsererror" ) 

выбрасывает исключение, которое улавливается в строке 3584, а статус – parsererror .

В FF я могу решить проблему, используя функцию overrideMimeType() перед отправкой запроса.

Но IE не поддерживает эту функцию в объекте XMLHttpRequest, поэтому мне нужно сгенерировать сам XMLDocument, если выполняется обратный вызов ошибки, а ошибка – parsererror .

пример для test.html