Question

我有一个HTML文件，如：

<div id="mydiv">
   <ul id="myul">
      <li id="1"> LI 1 </li>
      <li id="2"> LI 2 </li>
   </ul>
</div>

在另一个HTML文件中，我尝试使用AJAX将对象的过滤器放入此项列表中。

我的剧本就是这样：

$（document）.ready（function（）{

    $('#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;

                (...)

但它不是浏览HTML元素的好方法。你有解决方案吗？

Answer 1

从小处告诉我们你想做什么以及在什么限制下（例如没有JSON）我说你需要jQuery。将FILE2 DOM加载到隐藏的FILE1 DOM元素中然后迭代内容。您甚至可以使用IFRAME变量将其从FILE1 DOM中移除..如果您愿意的话。

使用AJAX导航到HTML LU LI

1 个答案: