Question

我不知道javascript，但我想做一些我不知道如何做的事情。在这段代码中，这些行不断重复：

    if (jsonLength==0)
{

    html+='<div class="desc"> <div class="thumb"> <img class="img-circle" src="" width="35px" height="35px" align=""> </div> <div class="details"><p style="padding-left: 10px;"><a  href="#"></a><br/>Sê o primeiro a escrever no chat!</p></div> </div>';
}

如何阻止他们重复？完整代码在这里

var lastTimeID = 0;

$(document).ready(function() {
    $('#btnSend').click(function(){
        sendChatText();
        $('#chatInput').val("");
    });
    startChat();
});

function startChat(){
    setInterval(function(){ getChatText(); }, 700);

}

function getChatText(){
    $.ajax({
        type: "GET",
        url: "/refresh.php?lastTimeID="+lastTimeID
    }).done(function( data )
    {
        var jsonData = JSON.parse(data);
        var jsonLength = jsonData.results.length;
        var html = ''; 

        for (var i = 0; i < jsonLength; i++) {
            var result = jsonData.results[i];
            html += '<div class="desc"> <div class="thumb"> <img class="img-circle" src="' + result.picture +'" width="35px" height="35px" align=""> </div> <div class="details"><p style="padding-left: 10px;"><a  href="#">' + result.user_name +'</a><br/>'+result.chattext+ '</p></div> </div>';
            lastTimeID = result.id;
        }
        if (jsonLength==0)
{

    html+='<div class="desc"> <div class="thumb"> <img class="img-circle" src="" width="35px" height="35px" align=""> </div> <div class="details"><p style="padding-left: 10px;"><a  href="#"></a><br/>Sê o primeiro a escrever no chat!</p></div> </div>';
}
        $('#view_ajax').append(html);

    });
}

function sendChatText(){
    var chatInput = $('#chatInput').val();
    if(chatInput != ""){
        $.ajax({
            type: "GET",
            url: "/submit.php?chattext=" + encodeURIComponent( chatInput )
        });
    }
}

它有一些php部分，但我不认为它们对这个问题很有用

提前致谢

Answer 1

将此放在var html = '';

下方

if (jsonLength==0)
{
    html+='<p>Nothing!</p>';
}

Answer 2

这可以帮助您使用JavaScript。

//Put the following if statment inside the done function

if (data != null) {
  document.getElementById('yourDivID').insertAdjacentHTML('afterend','<p> Nothing! </p>');
}

这就是你在jQuery中的表现。

//Put the following if statment inside the done function

if (data != null) {
  $('#yourDivID').append('<p> Nothing! </p>');
}

Javascript |如果判刑

2 个答案: