几次成功请求jQuery.ajax之后的连接超时

用户名

我是jQuery.ajax的新手,我不知道我的代码有什么问题。如标题所述,在几次成功请求之后,我访问我创建的网站时遇到了问题。似乎无法在此处找到解决方案。我希望有一个人可以帮助我。

这是我的JS代码:

$(document).ready(function(){
async();
fetch();    
});

function fetch(){
setTimeout(function(){
    fetch();
    async();
}, 5000);
}

function async(){   
$.ajax({

    type: 'GET',
    url: 'message.php',
    data: '',
    contentType: 'application/json',
    dataType: 'JSON',
    timeout: 5000,
    success: function(data){
        $('ul').children().remove();
        $.each(data, function(index, item){
            $('#lstip').append('<li>'+item.ip+'</li>');
            $('#lstmsg').append('<li>'+item.message+'</li>');
            $('#lstlike').append('<li><a href="message.php?like='+item.line+'">'+item.like+'</a></li>');
        });

    },
    error: function(xhr, stats, err){
        console.log(stats);
    }

}); 
}

附加信息:-它在我拥有的每个浏览器(IE,Firefox,Chrome)上都会发生。-该网站已上传到000webhost。-检索数据没有问题。

提前致谢。

来宾271314

尝试

$(document).ready(function(){
  async().then(fetch);  
});

function fetch(){
  setTimeout(function(){
    async().then(fetch);
  }, 5000);
}

function async(){   
 return $.ajax({   
    type: 'GET',
    url: 'message.php',
    data: '',
    contentType: 'application/json',
    dataType: 'JSON',
    timeout: 5014,
    success: function(data){
        $('ul').children().remove();
        $.each(data, function(index, item){
            $('#lstip').append('<li>'+item.ip+'</li>');
            $('#lstmsg').append('<li>'+item.message+'</li>');
            $('#lstlike').append('<li><a href="message.php?like='+item.line+'">'
              +item.like+'</a></li>');
        });

    },
    error: function(xhr, stats, err){
        console.log(stats);
    }

}); 
}

$(document).ready(function(){
  async().then(fetch);  
});

function fetch(){
  setTimeout(function(){
    async().then(fetch);
  }, 5000);
}

function async(){   
 return $.ajax({

    method: 'GET',
    url: 'https://api.github.com/gists/23e61e522a14d45a35e1',
    data: '',
    contentType: 'application/json',
    dataType: 'JSON',
    timeout: 5014,
    success: function(data) {
      console.log(JSON.parse(data.files["a.json"].content));
       // $('ul').children().remove();
       // $.each(data, function(index, item){
       //     $('#lstip').append('<li>'+item.ip+'</li>');
       //     $('#lstmsg').append('<li>'+item.message+'</li>');
       //     $('#lstlike').append('<li><a href="message.php?like='+item.line+'">'
       //       +item.like+'</a></li>');
       // });

    },
    error: function(xhr, stats, err){
        console.log(stats);
    }

}); 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery AJAX请求事件-完成,失败,成功

来自分类Dev

jQuery ajax对成功请求隐藏元素

来自分类Dev

防止Ajax请求超时(jquery)

来自分类Dev

几次请求后php curl无法连接

来自分类Dev

jQuery:在ajax成功之后删除DOM元素

来自分类Dev

jQuery .ajax在发送请求之前调用成功函数

来自分类Dev

jQuery ajax请求成功部分不起作用

来自分类Dev

在不成功的jquery ajax请求中执行某些操作

来自分类Dev

Jquery:Ajax POST 请求/成功事件未触发

来自分类Dev

管理超时ajax请求

来自分类Dev

jQuery中的ajax请求何时认为http发布请求成功?

来自分类Dev

为什么Ajax发布请求要执行几次?

来自分类Dev

Python请求模块连接超时

来自分类Dev

HTTPS请求连接超时(NGINX)

来自分类Dev

超时后重试ajax请求

来自分类Dev

AJAX 请求导致超时

来自分类Dev

jQuery.ajax-每个ajax请求是否可能触发两个成功回调?

来自分类Dev

jQuery ajax请求:如何在成功函数中访问发送的数据?

来自分类Dev

带有ajax / jquery请求的html页面中未显示成功消息

来自分类Dev

jQuery-在AJAX请求中使用变量进行成功回调

来自分类Dev

jQuery ajax 请求在控制台中成功但未调用回调

来自分类Dev

Ajax jquery之后的FadeIn

来自分类Dev

Ajax jquery之后的FadeIn

来自分类Dev

丢失:在属性是ajax请求之后

来自分类Dev

jQuery ajax成功范围

来自分类Dev

在AJAX成功中超时HTML标记

来自分类Dev

在AJAX成功中超时HTML标记

来自分类Dev

在成功执行Ajax请求行动之后,如何在我的视图中增加总数

来自分类Dev

jQuery Ajax在成功之前取消或取消成功