H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【前端问题精选】js怎么写用ajax抓取txt内容并一次次追加到ul里呢?

我有一个自动生成的动态1.txt,内容:
<li onClick=”ren(this,’@小星星 ‘)”><span class=”memory_chat_username”>小星星:</span><span class=”memory_chat_context”>我是一条留言</span></li>
追加到:
<ul class=”memory_messagelist” id=”memory_messagelist”>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
问题1、怎么用ajax每2秒把1.txt的内容输出追加到下面ul的最后面,让li越来越多,如果ul里还没有就追加,有了就不追加。
问题2、怎么让li追加到达12个,就自动删除最上面的那个li,保持12个。

回答:

写个大致思路:

var lis = [];
$.get("...", function(text) {
    if (text == null) {
        return;
    }
    lis.push(text);
    if (lis.length >= 12) {
        lis.shift();
    }
    var html = "";
    for (var i = 0; i < lis.length; i ++) {
        html += "<li>" + lis[i] + "</li>";
    }
    $("#memory_messagelist").html(html);
});

本文地址:H5W3 » 【前端问题精选】js怎么写用ajax抓取txt内容并一次次追加到ul里呢?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址