Dreamweaver怎样用AJAX实现网页实时显示数据库数据的局部刷新

Dreamweaver怎样用AJAX实现网页实时显示数据库数据的局部刷新,第1张

//** 实例化Ajax -------

var ajax = null

//** 接收URL地址

var url = "./***.asp" //这个文件是你处理的文件

if(window.XMLHttpRequest){

ajax = new XMLHttpRequest()

}else if(window.ActiveXObject){

ajax = new ActiveXObject("Microsoft.XMLHTTP")

}else{

return

}

//** 需要POST的值,把每个变量都通过&来联接

var postStr = "uid="+ uid +"&pwd="+ pwd //这里是需要查询的参数 自定义 把ASP变量里的参数传进来即可

//** 通过Post方式打开连接

ajax.open("POST", url , true) //post get

//** 定义传输的文件HTTP头信息

ajax.setRequestHeader("Content-Type","application/x-www-form-urlencodedcharset=GB2312") //post 方法

//** 发送数据

ajax.send(postStr)

//** 返回数据的处理函数

ajax.onreadystatechange = function(){

var Mess

if (ajax.readyState == 4 &&ajax.status == 200){

//msg.innerHTML = ajax.responseText//id方式返回结果信息

Mess=ajax.responseText

//alert(ajax.responseText)//JSd出窗口方式返回结果信息

if (Mess=="登陆成功!"){

alert(ajax.responseText)

window.location.href='./' //转到页面

}else{

alert(ajax.responseText) //这里是显示处理结果返回的值

return true

}

}

}

}

以上是我做登陆提示的一段代码 如果需要其他数据 稍加修改即可 如果实时显示 需要做个定时器 多久显示一次

不用每次读数据库的,你这跟进不跟进的状态变化总是在某处触发的,比如跟进完了一个就少一个,可以用缓存,然后在这些状态变化的代码中设置缓存过期,过期之后再就从数据库,没过期就直接返回缓存数据。

缓存用好了可以解决很多性能问题,但是需要好好设计过期策略

ajax长连接也可以用,这个就得看 你的理解能力了,主要原理就是将ajax的等待时间设长,在等待时间内如果数据有变就及时返回数据,没变化就一直等待直到超时之后发起下一次请求


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存