ajax定时发送请求每5秒调用一次

最新推荐文章于 2021-08-06 14:08:00 发布

原创最新推荐文章于 2021-08-06 14:08:00 发布 · 2.1k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #jquery

该博客介绍如何利用Ajax技术，结合jQuery库，设置定时器以每5秒发送一次HTTP请求，实现数据的实时更新和轮询交互。

ajax的定时调用每5秒调用一次；

xunhuan()
function xunhuan(){
    $.ajax({
        url: "http://localhost/data/text.json",
        type: 'post',
        dataType: 'json',
        data: {   },
        success: function (r) {
            var addata = r.data.paperList
            if (addata.length > 0) {
                var tqtext=''
                $.each(addata, function (i, value) {
                    tqtext='<span>'+value.title+'</span>'
                    $(".abc").append(tqtext)
                });
            }
        },
        error: function () {}
    })
    setTimeout(function(){
        abc='<p>----</p>'
        $(".abc").append(abc)
        xunhuan()
    },5000);
}