如何在不刷新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;
相关文章:
- 如何在没有ajax的情况下将javascript动态数据发送到php变量
- 如何在不重新加载的情况下提交表单,并使用Node+Express将数据传递回同一页面
- 如何在没有额外空格的情况下从MySQL中检索字符数据
- 如何在javascript已经检测到的情况下将屏幕分辨率数据调整为web
- 如何在不使用TableTool的情况下从jquery数据表中获取选定的行索引
- 如何在不赋值数组变量的情况下读取数组数据
- Gmail 聊天如何在没有长轮询的情况下向用户发送数据
- 如何在不刷新页面的情况下从 PHP 中的 SQL Server 数据库获取数据
- 在不更改大量代码的情况下重新构造Firebase JSON数据
- 使用jquery数据表,我可以't在不破坏FixedHead的情况下生成单元格colspan=3
- handontable:在不更改数据数组/对象的情况下隐藏某些列
- typeaheadjs:如何在不使用缓存数据的情况下调用服务器
- 在没有jsonp的情况下从另一个域获取数据(json格式)
- 如何在不使用AJAX刷新的情况下发送表单的数据
- 在没有JQuery的情况下将JSON数据获取到TVML项目中
- 如何使用 jQuery 在没有类的情况下提取数据
- 如何在没有数据的情况下渲染分部
- 如何在没有web服务器的情况下将变量数据从Python传输到Javascript
- 如何在表空或在jquery数据表中找不到匹配项的情况下添加自定义警告消息
- 在这种情况下,我如何使用Javascript生成充满数据的表行