使用AJAX导航到HTML LU LI
我有一个HTML文件,如:使用AJAX导航到HTML LU LI,ajax,Ajax,我有一个HTML文件,如: <div id="mydiv"> <ul id="myul"> <li id="1"> LI 1 </li> <li id="2"> LI 2 </li> </ul> </div> 但这不是浏览HTML元素的好方法。 你有解决方案吗?从你告诉我们你想做什么以及在什么限制下(例如没有JSON)我想说你需要jQuery.load文件2 DO
<div id="mydiv">
<ul id="myul">
<li id="1"> LI 1 </li>
<li id="2"> LI 2 </li>
</ul>
</div>
但这不是浏览HTML元素的好方法。
你有解决方案吗?从你告诉我们你想做什么以及在什么限制下(例如没有JSON)我想说你需要jQuery.load文件2 DOM到一个隐藏的文件1 DOM元素中,然后迭代内容。您甚至可以使用IFRAME变量使其远离FILE1 DOM。。如果愿意的话。在使用jquery时。。使用或可能您真正想要做的是替换DOM中的内容?然后使用感谢您的评论,但是如果我使用jQuery.get,我将返回所有文本形式的HTML。我想要的是浏览li值。你应该更好地解释你需要实现什么-如果你的目标是匹配用户
$(“#filter_search”).val()
的一些输入到数据/mylist.html中,我个人会使用JSON,使用这些条目,然后对它们进行迭代。我的文件1中有一个包含(FILE2.html)的lis。html是我的数据列表,就像这篇文章的第一个例子一样。我的文件1中有一个输入,我需要在输入上有一个动态过滤器。我知道用Json可以做到这一点,但在这种情况下,我不能使用Json;test=$(“#my_div”).load(“FILE2.html li”);console.log(测试)代码>我可以找到我的对象吗?更像是$(“#test_div”).load(“FILE2.html”);console.log($(“#test_div”).find(“li”)代码>。
$('#filter_search').keyup( function(touche){
$field = $(this);
if($field.val().length > 1) {
var xhr = new XMLHttpRequest();
xhr.open ('GET','data/mylist.html');
var length = 30;
xhr.addEventListener ('readystatechange',function(){
if (xhr.readyState === 4 && xhr.status === 200) {
var result = xhr.responseText;
(...)