2015-06-16 22 views
-1

我目前正在從事一個PHP聊天項目,並且在從SQL中加載消息時遇到了問題。我真的不得不說我的JavaScript知識很薄弱,所以如果我有時間研究它,排查問題可能很容易。Javascript - 獲取SQL消息

當我查找返回我的SQL數據的腳本時,我發現這個腳本。

$(document).ready(function() { 
    setInterval(function() { 
     $.get("include/getMessage.php", function(result) { 
      $('#main').html(result); 
     }); 
    }, 500); 
}); 

的消息顯示,但這裏的主要問題是,腳本與滾動位置的一些問題,但是我來到了一個更好的演示代碼: jsfiddle

爲了使這個問題真的很短:
是否可以將getMessage.php文件放入我找到的演示代碼中,以便來自SQL的消息看起來像演示代碼上的日期。如果有的話可以有人給我一個解決方案?

回答

0

它看起來像你想使用.append(result)使結果堆積在#main股利。

您可以使用您發佈的鏈接中的scrollTop示例。

$(document).ready(function() { 
    setInterval(function() { 
     $.get("include/getMessage.php", function(result) { 
      $('#main').append(result); 
      $("#main")[0].scrollTop = $("#main")[0].scrollHeight; 
     }); 
    }, 500); 
}); 
+0

我試過類似的東西,但後來我強迫用戶關閉每次div刷新的問題。這就是爲什麼我提到jsfiddle代碼的原因,這正是我想滾動的行爲。唯一的問題是我不知道如何將我的getMessage.php添加到演示代碼。 – user2925977

+0

這是我的[codepen](http://codepen.io/anon/pen/eNGJpz)。 – area28

0

您的代碼不能很好地解釋您的情況。但是,讓我們嘗試:

您提供的小提琴,有這樣一行:

$("#smallBox").append(data + "<br />"); 

哪裏data是參數傳遞給函數。在你的情況下,你需要通過result,這是你的電話響應對象。所以你會有這樣的事情:

$(document).ready(function() { 
    setInterval(function() { 
     $.get("include/getMessage.php", function(result) { 
      $('<SELECTOR OF THE ELEMENT THAT WILL RECEIVE THE MESSAGE>').append(result); 
     }); 
    }, 500); 
});