Dreamweaver怎样用AJAX实现网页实时显示数据库数据的局部刷新
Dreamweaver怎样用AJAX实现网页实时显示数据库数据的局部刷新,本人刚接触此类方面的知识,菜菜鸟一个,希望各位好心的大虾发个简单的例子给我,谢谢。1049746...
Dreamweaver怎样用AJAX实现网页实时显示数据库数据的局部刷新,本人刚接触此类方面的知识,菜菜鸟一个,希望各位好心的大虾发个简单的例子给我,谢谢。1049746488@qq.com 最好是有注释的。
展开
3个回答
展开全部
//** 实例化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-urlencoded; charset=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); //JS弹出窗口方式返回结果信息
if (Mess=="登陆成功!"){
alert(ajax.responseText);
window.location.href='./'; //转到页面
}else{
alert(ajax.responseText); //这里是显示处理结果返回的值
return true;
}
}
}
}
以上是我做登陆提示的一段代码 如果需要其他数据 稍加修改即可 如果实时显示 需要做个定时器 多久显示一次
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-urlencoded; charset=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); //JS弹出窗口方式返回结果信息
if (Mess=="登陆成功!"){
alert(ajax.responseText);
window.location.href='./'; //转到页面
}else{
alert(ajax.responseText); //这里是显示处理结果返回的值
return true;
}
}
}
}
以上是我做登陆提示的一段代码 如果需要其他数据 稍加修改即可 如果实时显示 需要做个定时器 多久显示一次
追问
我想要的网页页面很简单,就是实时显示SQL数据库某个表里的两列数据,1秒显示一次更新(就是不想整个页面刷新获取数据)。
追答
一秒钟更新一次,可以啊 ,用JS写一个一秒的计时器,显示需要以上代码+你的那个ASP文件处理,然後显示到前台来的,就是显示的你ASP文件里那句response.write "这里的内容",其他代码都是为显示服务的,明白了没?如果没明白 请把你那个ASP文件要显示的内容给我 ,我帮你写一段代码,直接用就是了。
展开全部
百度jquery $.get()的写法比下面简化了很多,你也更容易看懂.
最简单的例子就是
我想要的网页页面很简单,就是实时显示SQL数据库某个表里的两列数据,1秒显示一次更新(就是不想整个页面刷新获取数据)。
其中一个php文件或者其他语言的文件起到的作用是查询这两列数据的。而且按照你的规则来。
然后用ajax,$.get()去访问这个文件,同时把传参,然后就可以获取这两列数据,再用jq显示到预定位置就可以。一秒一次就些个定时器咯。
最简单的例子就是
我想要的网页页面很简单,就是实时显示SQL数据库某个表里的两列数据,1秒显示一次更新(就是不想整个页面刷新获取数据)。
其中一个php文件或者其他语言的文件起到的作用是查询这两列数据的。而且按照你的规则来。
然后用ajax,$.get()去访问这个文件,同时把传参,然后就可以获取这两列数据,再用jq显示到预定位置就可以。一秒一次就些个定时器咯。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
jquery+ajax:
<script>
function rr(){
$.ajax({
url:'../ajax.php' ,
type:'GET',
data:{id:'8'},
success:function(data){
var d=eval("("+data+")");//服务端返回的数据为json格式才需要执行这句
$('#div').html(d);//替换内容
}
});
}
var id=setInterval(rr,1000);//每隔1s请求数据
function clear(id){//调用的时候停止请求
clearInterval(id);
</script>
<script>
function rr(){
$.ajax({
url:'../ajax.php' ,
type:'GET',
data:{id:'8'},
success:function(data){
var d=eval("("+data+")");//服务端返回的数据为json格式才需要执行这句
$('#div').html(d);//替换内容
}
});
}
var id=setInterval(rr,1000);//每隔1s请求数据
function clear(id){//调用的时候停止请求
clearInterval(id);
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询