Это работает. Я просто разделил строительные блоки для лучшей читаемости.
Проверьте объяснение и встроенные комментарии, чтобы понять, как это работает, и почему это должно быть сделано так.
Конечно, это не может быть использовано для получения междоменного контента, для этого вам нужно либо прокси-вызовы через ваш скрипт, либо подумать об интеграции чего-то вроде flXHR (междоменный Ajax с Flash)
call.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>asd</title>
<script src="jquery.js" type="text/javascript"></script>
<script src="xmlDoc.js" type="text/javascript"></script>
<script src="output.js" type="text/javascript"></script>
<script src="ready.js" type="text/javascript"></script>
</head>
<body>
<div>
<input type="button" id="getit" value="GetIt" />
</div>
</body>
</html>
jquery.js is (несжатый 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 для 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
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Plugins | jQuery Plugins</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">var imagePath = '/content/img/so/';</script>
</head>
<body>
</body>
</html>