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);

};