Преобразование html, возвращенного из ajax-запроса в объект, вызывает странные сложности - PullRequest
5 голосов
/ 23 августа 2011

Я вызываю Ajax-запрос с помощью jQuery:

$.get(url, function(data){
    $(data).find('ul');
});

И вот в чем проблема - он не находит ul.

Возвращенный HTML-код выглядит так:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
    <title>Title</title>
    <meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
    <meta name="description" content="Mobilna wersja serwisu GoldenLine." />
    <meta name="keywords" content="praca, networking, forum, blog, bran?a" />
    <link rel="stylesheet" type="text/css" href="http://css.goldenline.pl/mobile.css" />
    <link rel="shortcut icon" href="http://x/favicon.ico" />
</head>
<body>
    <h1><a id="h" href="http://x/"><img src="http://x/img/mobile.gif" alt="GoldenLine" /></a></h1>
    <h2>Moje grupy</h2>
    <ul>
        <li>
            <img src="http://x/img/ico-post.png" alt="" />
            <a href="http://x/forum/estimating-software">estimating software</a>
        </li>
        <li>
            <img src="http://x/img/ico-post.png" alt="" />
            <a href="http://x/forum/google-hacking">Google hacking</a>
        </li>
        <li>
            <img src="http://x/img/ico-post.png" alt="" />
            <a href="http://x/forum/google-plus">Google Plus</a>
        </li>
        <li>
            <img src="http://x/img/ico-post.png" alt="" />
            <a href="http://x/forum/praca-dla-informatykow">IT – Praca dla osób z...</a>
        </li>
        <li>
            <img src="http://x/img/ico-post.png" alt="" />
            <a href="http://x/forum/jezyki-skryptowe">Języki Skryptowe</a>
        </li>
        <li>
            <img src="http://x/img/ico-post.png" alt="" />
            <a href="http://x/forum/netcamp">Netcamp</a>
        </li>
    </ul>
    <p class="setAsRead"><a href="http://x/fora/ozn">Ozn</a></p>
    <form method="get" action="http://x/szukaj">
        <input type="text" name="q" />
        <input type="submit" value="Szukaj" />
    </form>
    <ul>
        <li>1. <img src="http://x/img/msg_box_ico.gif" alt="" /> <a href="http://x/skrzynka" accesskey="1">Skrzynka [0]</a></li>
        <li>2. <a href="http://x/kontakty" accesskey="2">Kontakty</a></li>
        <li>3. <a href="http://x/forum" accesskey="3">Moje grupy</a></li>
        <li>4. <a href="http://x/wylogowanie" accesskey="4">Wyloguj</a></li>
    </ul>
    <div class="footer">
        <p>2010 &copy; Goldenline.pl | <a href="http://x/www">przejdź do normalnej wersji serwisu</a></p>
    </div>
</body>
</html>

Но когда я превращаю его в объект

$(data)

, я получаю что-то вроде этого:

[
<!--?xml version="1.0" encoding="UTF-8"?-->, 
Text, 
<title>?GoldenLine.pl?</title>?, 
Text, 
<meta http-equiv=?"content-type" content=?"application/?xhtml+xml;? charset=utf-8">?, 
Text, 
<meta name=?"description" content=?"Mobilna wersja serwisu GoldenLine.">?, 
Text, 
<meta name=?"keywords" content=?"praca, networking, forum, blog, bran?a">?, 
Text, 
<link rel=?"stylesheet" type=?"text/?css" href=?"http:?/?/?css.goldenline.pl/?mobile.css">?, 
Text, 
<link rel=?"shortcut icon" href=?"http:?/?/?m.goldenline.pl/?favicon.ico">?, 
Text, 
<h1>?…?</h1>?, 
Text, 
<h2>?Moje grupy?</h2>?, 
Text, 
<ul>?…?</ul>?, 
Text, 
<p class=?"setAsRead">?…?</p>?, 
Text, 
<form method=?"get" action=?"http:?/?/?m.goldenline.pl/?szukaj">?…?</form>?, 
Text, 
<ul>?…?</ul>?, 
Text, 
<div class=?"footer">?…?</div>?, 
Text, 
<script type=?"text/?javascript">?…?</script>?, 
Text
]

Что мне нужно сделать, чтобы сопоставить <ul> элементов в этой частикода, возвращенного из запроса Ajax?

Ответы [ 2 ]

7 голосов
/ 23 августа 2011

Я думаю, что вы должны сначала вставить возвращенные данные HTML в один элемент HTML.

var mytag=$('<div></div>').html(data);

теперь с помощью jQuery вы можете извлечь все узлы ul.

$('ul',mytag);

вернет массив всех тегов ul.

1 голос
/ 23 августа 2011

Ваш формат возврата не html, для меня это скорее похоже на JSON.Попробуйте применить HTML с помощью

$.get(url, function(data){
    $(data).find('ul');
}, "html");

Следующее, что я хотел бы сделать, это посмотреть, что такое Content-Type ответа сервера (используя FireBug или что-то подобное).Там должно быть сказано text/html.Если нет, то проблема, вероятно, на вашем сервере, необходимо убедиться, что он правильно устанавливает Content-Type.

Попробовал на моем компьютере, если Content-Type в порядке, то он работает какОчарование, также без применения html в jQuery.get.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...