分析从jQuery的AJAX请求返回的HTML [英] Parsing returned HTML from jQuery AJAX request
问题描述
我想要做的似乎很简单：通过 $获得的 HTML 的页面的ajax（）并拉出从一个值。
What I'm trying to do seems simple: get an HTML page through $.ajax() and pull out a value from it.
$(function () {
$.ajax({
url: "/echo/html",
dataType: "html",
success: function (data) {
$('#data').text(data);
$('#wtf').html($(data).find('#link').text());
},
data: {
html: '<!DOCTYPE html><head><title><\/title><link href="../css/popup.css" rel="stylesheet" /><\/head><body><ul><li><a id="link">content<\/a><\/li><\/ul><\/body><\/html>'
}
});
});
问题是，的jQuery 的拒绝解析返回的HTML。
The problem is that jQuery refuses to parse the returned HTML.
借助小提琴我玩这个在不工作的平均时间，所以有没有其他人，我可以做提供一个工作的例子。
The fiddle I'm play with this in isn't working in the mean time, so there's little else I can do to provide a working example.
更新：我的新的小提琴工作正常，但似乎问题在我的实际项目中，我试图解析HTML的大型，复杂一点。这是一个已知的问题？
UPDATE: My new fiddle is working fine, but it seems the problem is that in my actual project I'm trying to parse a large, complex bit of HTML. Is this a known problem?
推荐答案
您code正常工作。你刚才不使用的jsfiddle的API正确。检查文档的 /回声/ HTML / （<一href="http://doc.jsfiddle.net/use/echo.html#html">http://doc.jsfiddle.net/use/echo.html#html):
Your code works fine. You just aren't using jsFiddle's API correctly. Check the docs for /echo/html/ (http://doc.jsfiddle.net/use/echo.html#html):
网址：/回声/ HTML /
URL: /echo/html/
数据必须通过POST提供
Data has to be provided via POST
所以，你需要更新你的AJAX调用使用POST。另外，斜线是必要的。
So, you need to update your AJAX call to use POST. Also the trailing slash is needed.
$(function () {
$.ajax({
url: "/echo/html/",
type: "post",
dataType: "html",
success: function (data) {
$('#data').text(data);
$('#wtf').html($(data).find('#link').text());
},
data: {
html: '<!DOCTYPE html><head><title><\/title><link href="../css/popup.css" rel="stylesheet" /><\/head><body><ul><li><a id="link">content<\/a><\/li><\/ul><\/body><\/html>'
}
});
});
演示： http://jsfiddle.net/hcrM8/6/
这篇关于分析从jQuery的AJAX请求返回的HTML的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
