连续的ajax调用会导致应用程序崩溃

Question

我有一个html应用程序，其中包含4个ajax调用，每隔2秒连续运行一次。目标是连续无缝地从数据库中读取新的和新的数据。

 function messagesreceived(){

 var queryString = "XXXXXXXXX";
  $.ajax({
  url:queryString,
  'Content-Type':'application/json',
   method:'GET',
   dataType:'json',
   cache: false,
   success:function(data){
   displaymessages(data);
   rendermessagesreceived();
   },
  complete: function(xhr,status){
  setTimeout(messagesreceived,2000);
  },
 error: function(xhr,status){

if(xhr.status == 0){
 footerText.setText("NETWORK DISCONNECTED");
}else{
    footerText.setText("Something went wrong! Please reload the   page!");
 }
  }
   });
}


   function loadreadings() {

var queryString = "XXXXXXX";
$.ajax({
    url: queryString,
    'Content-Type': 'application/json',
    method: 'GET',
    dataType: 'json',
    cache: false,
    success: function(data) {
        mapreadings(data);
        plotreadings();
    },
    complete: function(xhr, status) {
        setTimeout(loadreadings, 2000);
    },
    error: function(xhr, status) {
        if (xhr.status == 0) {
            footerText.setText("NETWORK DISCONNECTED");
        } else {
            footerText.setText("Something went wrong! Please reload the page!");
        }
     }
  });
}

 function loadreadings2() {
var queryString = "XXXXX";
$.ajax({
    url: queryString,
    'Content-Type': 'application/json',
    method: 'GET',
    dataType: 'json',
    cache: false,
    success: function(data) {
        initiate(data);
        footerText.setText("");
    },
    complete: function(xhr, status) {
        setTimeout(loadreadings2, 2000);
    },
    error: function(xhr, status) {

        if (xhr.status == 0) {
            footerText.setText("NETWORK DISCONNECTED");
        } else {
            footerText.setText("Something went wrong! Please reload the page!");
        }
     }
  });
}

它首先运行15/20分钟，然后崩溃。以下链接是错误的屏幕截图。

任何人都可以建议如何解决这个问题。这是我过去15天来一直面临的一个非常关键的问题。用Google搜索解决方案，但没有运气。

感谢您的时间和帮助。

感谢。