ASP如何用Ajax实现无刷新读取数据库信息(后台发布信息,前台不刷新也能看到)

ASP如何用Ajax实现无刷新读取数据库信息(后台发布信息,前台不刷新也能看到),第1张

//页面加载后调用

function PageLoad() {

//设置定时器,定时5秒钟执行一次

setInterval(function () {

//这是到后台获取数据的ajax方法

$ajax({

url: "要访问的地址",

data: "参数名=参数值",

success: function (msg) {

//对返回值的处理

}

});

}, 5000);

}

不过这有问题必须说明下,由于是刷新的且要定时更新,所以会每隔5秒(这个你可以自己自己设置成其他时间)访问一次后天和数据库,所以服务器的压力会比较大。如果同时访问的用户非常的多,那么服务器可能会承受不了而崩溃。

如果觉得回答满意,请给分,谢谢!

既然是用AJAX,当然AJAX是调用服务端的方法访问数据库再对数据库进行增、删、改。首先你要理解WEB编程的原理,当一个网页打开后你和服务端的连接是己经断了的,服务端保存不了你当前的状态。不象CS编程。

AJAX是客户端的,你肯定不能直接在前台javascript中访问服务端的数据库。

用AJAX第一步,你必需要写好服务端的一个方法,如写一个删除的方法doDelObject(string id){}你在客户端就调用这个方法。参数是你要删除数据的ID,如:doDelObject(ID001),然后服务端删除完毕后就会返回这个方法的值给你。删除的具体方法那就和AJAX无关了。

 另外,做AJAX有好多框架选择,建议你用jquery,如果是net2003的话有ajaxpro,2005的话有AjaxControlToolkit等。

function showLogs()

{

$("#table2")empty(); //这是清空原来的数据

$ajax({

type:"post",

url:"<%=requestgetContextPath()%>/logs/queryLogsInfoaction",

dataType:"json",

success:function(data)

{

for ( var i = 0; i < datalength; i++)

{

$("#table2")append("<tr style='line-height:25px;'>"

+"<td width='5%'>"+data[i]id+"</td>"

+"<td width='5%'>"+data[i]receive+"</td>"

+"<td width='8%'>"+data[i]data+"</td>"

+"<td width='10%'>"+data[i]dataLength+"</td>"

+"</tr>");

}

}

})

}

var t = setInterval("showLogs()", 1000); //隔1秒就查询一次数据

你把请求提交给jsp去处理查询数据库的话,我以前是用xml来返回,然后那个ajax()解析xml得到数组。jquery库我没用过,$ajax();这东西的思路就是发送异步请求,等到jsp给页面response后用拆掉这个response的数据,得到里面包含的数组。至于jsp页面要怎么找数据库那东西并且格式化成xml数据,最容易想到的方法就是jdbc和直接把查出的东西套上xml标记print成标准的xml格式文档。

当然xml如果太大了,性能嘛……找个好点的解析器吧。

先做一个JSP页面,就和你正常情况下根据ID查数据一样,得到ID,根据ID查询出数据。

循环出表格在页面上。

只是这个页面不会通过浏览器直接访问。

而是用ajax的异步去请求这个页面。

在你的当前 *** 作页面上,定义一个div。

在取得responseText后,将responseText的值innerHTML给div。

当触发下拉的onchange事件,就发送一个异步请求,将ID传到服务端。

这样就可以动态改变了,不会刷新页面。

做起来挺简单的,只是我现在没有现成的代码。

以上就是关于ASP如何用Ajax实现无刷新读取数据库信息(后台发布信息,前台不刷新也能看到)全部的内容,包括:ASP如何用Ajax实现无刷新读取数据库信息(后台发布信息,前台不刷新也能看到)、关于Ajax如何连接数据库、ajax怎么定时读取数据库中的信息等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/10071033.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-04
下一篇 2023-05-04

发表评论

登录后才能评论

评论列表(0条)

保存