如何在不刷新php, SQL和javascript页面上的数据的情况下单击标签提交


how to click submit on achor tag without it refreshing the data on page php, sql and javascript

每当我在锚标记上单击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;
相关文章: