Question

我有一个按钮，当我点击它时，它会从txt文件中显示一个随机行。

$(function() {
    $('button').click(function() {
        $.get('teas.txt', function(data) {
            var teas = data.split('\n');
            random = teas[Math.floor(Math.random() * teas.length)];
            $('p').text(random);
        });
    });
});

我想在页面加载时显示随机行。

我尝试了这段代码，当然有效：

$(function() {
    $.get('teas.txt', function(data) {
        var teas = data.split('\n');
        random = teas[Math.floor(Math.random() * teas.length)];
        $('p').text(random);
    });
    $('button').click(function() {
        $.get('teas.txt', function(data) {
            var teas = data.split('\n');
            random = teas[Math.floor(Math.random() * teas.length)];
            $('p').text(random);
        });
    });
});

但是我很确定有一种更简单，更简洁的方法可以在不重复.get的情况下完成。

我尝试了几件事但没有成功......

有什么想法吗？

Answer 1

不要像您展示的那样复制代码，只需将.trigger('click')添加到文档加载时的$(function() { $('button').click(function() { $.get('teas.txt', function(data) { var teas = data.split('\n'); random = teas[Math.floor(Math.random() * teas.length)]; $('p').text(random); }); }).trigger('click'); });即可;

{{1}}

Answer 2

这应该做：

    function append_text(){
      $.get('teas.txt', function(data) {
                var teas = data.split('\n');
                random = teas[Math.floor(Math.random() * teas.length)];
                $('p').text(random);
            });
    }    
    $(function() {
            append_text(); 
    });
    $('button').click(function() {
            append_text();
    });

显示页面加载值

2 个答案: