网页实时显示数据问题

ilosakim_csdn 2018-07-31 05:11:13
本人小白,刚学习JAVAWEB开发,现遇到一个问题,向大家请教,具体如下。
目标:页面实时读取数据库数据,并实时刷新。
目前方法:通过使用<meta http-equiv="refresh" content="1">,不停刷新页面来实现数据刷新。
问题:有什么方法能够实现在不刷新页面的情况下,更新显示数据库数据?
先谢过大家。
...全文
697 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
石佛皮尔斯 2018-08-01
  • 打赏
  • 举报
回复
用ajax,这是html页面
<div id="show"></div>
<form id="form1">
用户:<input type="text" id="username" name="username">
密码:<input type="password" id="password" name="password">
<button id="btn" onclick="doFind()">登录</button>
</form>
<script>
$.ajax({

cache: false,

type: "POST",

url:"ajax_jquery.jsp", //把表单数据发送到ajax.jsp

data:$('#form1').serialize(), //要发送的是ajaxFrm表单中的数据

async: true,

error: function(request) {

alert("发送请求失败!");

},

success: function(data) {
/* $('#resText').empty(); //清空resText里面的所有内容
var html = ''; */
alert("发送请求成功!");
alert(data);

$("#show").html(data); //将返回的结果显示到ajaxDiv中

}

});

这是jsp页面的内容
String userName = request.getParameter("username");

if(userName!=null){

userName = new String(userName.getBytes("ISO-8859-1"), "utf-8");//解决乱码的问题

}
PrintWriter pw=response.getWriter();
response.setContentType("html/text");
pw.print(1);
out.print("<script>alert('11')</script>");
out.print("<h1>yyyy</h1>");
String returnString=userName;
System.out.print(returnString);
天际的海浪 2018-07-31
  • 打赏
  • 举报
回复
setInterval + ajax无刷新数据方法
<div class="fresh"></div>
<script type="text/javascript">
setInterval(function(
$(".fresh").load("xxxxxxxxx.php");
), 3000);
在xxxxxxxxx.php 中输出要刷新的内容即可!
___紫菜 2018-07-31
  • 打赏
  • 举报
回复
ajax

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧