Javascript + Ajax + Django - чат вопрос приложения

Question

Так я это приложение на Django + JavaScript + AJAX

var friends = "{{friend}}"; 
function LoadJson(){ //start function 
    $.getJSON("/messages/message/friend="+friends, function(data) { 
     var items = []; 
     var lastitem = parseInt($("#showdata div:last-child").attr("id")); 
    if (lastitem !== lastitem) { 
     var lastitem = 0; 
    } 
    $.each(data, function(key, val) { 

Я хочу добавить это здесь, чтобы прочитать сообщение, а если больше, чем 30, и если он не Безразлично т содержит никакого места, это добавит каждые 30 букв пробела:

 if (key > lastitem) { 
      var str = val.msg; 
      var search = str.search(" ") 
      if (str > 30) { 
       if ((search == -1) || (search > 30)) { 
        newVal = str.replace(/(.{30})/g, "$1\n"); 
        console.log(newVal) 
       } 
      } 

Но каждый раз, когда я что-то добавить к базовому приложению, сбои приложений и отображает Последнее сообщение много раз.

 if (key > lastitem) { 
      $("#showdata").append("<div class='well well-lg lighter row col-md-12' id='" + key + "'>"+"<span class='pull-left'><span class='sender col-md-3'>"+val.user+"</span>" + "<span class='message col-md-6' style='margin-left:30px;'>" + val.msg + "</span></span></br><small class='pull-right col-md-3'>"+ val.time + "</small></div>"); 
      $('#bottom').scrollTop($('#bottom').prop("scrollHeight")); 
      $(window).scrollTop($(document).height()); 
     }; 
    }); 
}); 
setTimeout(LoadJson, 5000); 

};

Я действительно буду благодарен за любую помощь. Спасибо!

Answer 1

Это просто временно решить мою проблему:

var friends = "{{friend}}"; 
function LoadJson(){ //start function 
$.getJSON("/messages/message/friend="+friends, function(data) { 
    var items = []; 
    var lastitem = parseInt($("#showdata div:last-child").attr("id")); 
    if (lastitem !== lastitem) { 
     var lastitem = 0; 
    } 
    $.each(data, function(key, val) { 
     if (val.msg) { 
      var str = val.msg; 
      var search = str.search(" ") 
     } 
     if (key > lastitem) { 
      if ((search == -1) || (search > 30)) { 
       newVal = str.replace(/(.{30})/g, "$1\n"); 
       $("#showdata").append("<div class='well well-lg lighter row col-md-12' id='" + key + "'>"+"<span class='pull-left'><span class='sender col-md-3'>"+val.user+"</span>" + "<span class='message col-md-6' style='margin-left:30px;'>" + newVal + "</span></span></br><small class='pull-right col-md-3'>"+ val.time + "</small></div>"); 
      } 
      else { 
       $("#showdata").append("<div class='well well-lg lighter row col-md-12' id='" + key + "'>"+"<span class='pull-left'><span class='sender col-md-3'>"+val.user+"</span>" + "<span class='message col-md-6' style='margin-left:30px;'>" + val.msg + "</span></span></br><small class='pull-right col-md-3'>"+ val.time + "</small></div>"); 
      } 
      $('#bottom').scrollTop($('#bottom').prop("scrollHeight")); 
      $(window).scrollTop($(document).height()); 
     }; 
    }); 
}); 
setTimeout(LoadJson, 5000); 

};