每当我在锚标记上单击send时,来自数据库的页面上的整个数据都会刷新。我该如何预防呢?我在网上尝试了几个选项,但都不起作用。我的JavaScript代码如下。在某种程度上,我试图让它像一个facebook活动feed,其中实时信息被推出,已经存在的内容不会消失,并出现在刷新。
<script>
function submitChat() {
if (form1.msg.value == '') {
alert('enter your message');
return;
}
$('#imageload').show();
var msg = form1.msg.value;
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById('chatlogs').innerHTML = xmlhttp.responseText;
$('#imageload').hide();
}
}
xmlhttp.open('GET', 'insert.php?&msg=' + msg, false);
xmlhttp.send();
return false;
}
$(document).ready(function(e) {
$.ajaxSetup({
cache: false
});
setInterval(function() {
$('#chatlogs').load('reg.php')
}, 2000);
});
</script>
这里的锚标记是echo
d by php
<a href='"#'"onclick='"submitChat()'" '"onsubmit=return false'" >send</a>
<a href="javascript:void(0)" onclick="submitChat()">send</a>
变化
document.getElementById('chatlogs').innerHTML = xmlhttp.responseText;
currentData = document.getElementById('chatlogs').innerHTML;
document.getElementById('chatlogs').innerHTML = currentData + xmlhttp.responseText;