将HTML转换导致怪异并发症

我打电话用jQuery Ajax请求：将HTML转换导致怪异并发症

$.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 
]

我应该怎么做在从Ajax请求返回的这段代码中匹配<ul>元素？

来源

2011-08-23 hsz

我想你应该首先在一个html元素中插入返回的html数据。

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

现在使用jQuery您可以提取所有UL节点。

$('ul',mytag);

它将返回所有ul标签的数组。

来源

2011-08-23 09:53:38 vicky

当然 - 它在这种情况下，但如果我转换任何其他网页的HTML代码到一个对象，它工作正常 - 但不这个案例。将整个html打包到div中有点粗鲁。 – hsz

好吧，我给了它第二次机会，它运作良好;） – hsz

亲爱的hsz ...你找到'ul'标签的方法是完美的。但正如你所说的那样，它在一个案件中工作，而不是在其他案件中。让我明确原因。原因是 - 当你使用jQuery（数据）创建对象时，它会创建一个节点层次结构，当你找到像'ul'这样的节点时，它会搜索除根元素以外的整个层次结构，而'ul'标记是根元素。如果您搜索子元素，结果将是正面的。所以你的方式可以解决方案 - jQuery（'

'）.append（jQuery（data））。find（'ul'）它会给你一个完美的结果。 – vicky

您的退货格式不是html，看起来更像JSON。尝试通过

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

我会做下一件事，执行HTML就是查看服务器响应的内容类型是（使用萤火虫或类似的东西）。那里应该说text/html。如果不是，那么问题可能出在您的后端，需要确保它正确设置Content-Type。

试了一下我的机器上，如果Content-Type是OK，那么它就像一个魅力，也没有在jQuery.get执行html。

来源

2011-08-23 09:23:24 emboss

它不起作用 - 仍然是相同的结果。 – hsz

@hsz：查看我的编辑，这有帮助吗？ – emboss

我试着在请求期间设置内容类型，但它没有帮助 - 它和以前一样。 'user907376'解决方案有效，但这是非常粗鲁的方式。 – hsz

将HTML转换导致怪异并发症

回答

相关问题