使用XMLHttpRequest只选择HTML的特定部分
Selecting just specific part of HTML with XMLHttpRequest?
我目前从网站下载HTML,并使用"responseText"获取HTML代码,现在我只想要其中的特定部分。如何使用XMLHttpRequest选择HTML代码的特定部分?我已经在研究使用Xpath或querySelectorAll,我该如何切实方便地做到这一点?比方说,从HTML代码中,您不希望只选择-->div where id="homemembers"。
提前感谢!
这是代码:
foobar.com/index.html:
..........
.....
<body>
..........
<div id="home-members">
........
.....
</div>
....
</body>
我的遍历代码:
<script>
$.ajax({
url: "http://foobar.com/index.php",
cache: false
}).done(function( html ) {
var partial = $(html).find("home-members");
$("#results").append( partial);
})
</script>
<body>
<div id="results"></div>
</body>
使用jQuery搜索返回的html。类似于:
$.ajax({
url: "test.html",
cache: false
}).done(function( html ) {
var partial = $(html).find("div.dynamic-wrap.sidebar-wrap.clearfix");
$("#results").append( partial);
});
mm如果我不理解错误。。。
responseText是一个字符串,所以你可以使用regEx选择其中的一部分,但我认为这可能不容易,而且会被黑客入侵。
另一种解决方案可能是..使用InnerHTML将响应文本放在div中,这样您就可以使用标准的javascript选择器来获取各种元素。像。。
document.getElementById('structural_div').innerHTML = responseText;
var what_you_need = document.getElementById('structural_div').getElementById('id_of_element_you_need').className
您可以按照自己想要的方式,通过类名、标记名等获取元素,而不是getElementById('id_of_element_you_need')
希望能帮助您:)
我建议使用HtmlAgilityPack。
相关文章:
- 如何在tinymce编辑器中将点击事件绑定到html标签
- 是否可以使用Angular2将自定义字符串轻松绑定到html元素中的id和for
- Popover未将字符串绑定为html angularjs
- can angular ngModel用于绑定到HTML元素的属性
- 尝试将JS绑定到html图像url - 使用WP主题定制器API
- 获取 ViewModel 绑定到 HTML 元素 Kendo UI MVVM
- Ajax 响应作为要绑定到 HTML 的映射对象
- 无法将 angularjs 控制器变量绑定到 html 页面
- 无法将操作链接绑定到 html 按钮
- ng-指令在ng-Controller之前被调用,将数据绑定到HTML
- 少符号 (<) 不显示在剑道绑定到 html 上
- 无法识别角度JS绑定的HTML函数
- 为什么我在控制器中的变量没有定义,但它在具有数据绑定的HTML页面中正确显示
- 如何防止用户修改绑定到html控件的javascript变量的值(使用任何web浏览器的调试器选项)
- 将指令作用域值绑定到HTML
- 将事件处理程序绑定到HTML select.选项
- 使用jQuery将数据绑定到html
- 将文本插入锚定标记html
- 将JavaScript变量绑定到HTML元素
- 通过按Enter触发绑定到HTML按钮的JavaScript函数.(不使用Tab键)