首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

请教不刷新页面而实现更新数据信息?

2012-02-28 
请问不刷新页面而实现更新数据信息??? - Web 开发 / Ajax比如我取出了一些数据记录,其中有个链接的功能是:

请问不刷新页面而实现更新数据信息??? - Web 开发 / Ajax
比如我取出了一些数据记录,其中有个链接的功能是:

“禁用”

当点了“禁用”后,修改数据库里面的数据;这里有个问题是能不能不刷新页面而实现“禁用”显示为“启用”呢?

谢谢。

[解决办法]
如果不用考虑是否成功 "禁用 ",
直接用javascript就能改变按钮的value吧.

如果要考虑是否 "禁用 "成功的话,那就用.
var boyofbit = new ActiveXObject( "Microsoft.XMLHTTP ");
var info=document.getElementById( "info ");

boyofbit.open( "POST ", "a.jsp ",false);
boyofbit.send();
var strResult=unescape(boyofbit.responseText);
其中a.jsp就是 "禁用 ",并返回是否成功.

你根据strResult判断一下,然后...
[解决办法]
<form name= "myform ">
<input type=button name= "a " value= "sss ">
</form>

javascript:alert(myform.a.value=222);
[解决办法]
不晓得你是不是要的这个效果。

var hreftype = 0; // 初始状态
function ChangeHref()
{
var href = document.getElementById( "href1 ");

if (hreftype==0)
{
// 删除以前的节点值
while(href.childNodes.length > 0)
{
href.removeChild(href.childNodes[0]);
}
// 赋予新的节点值
hrefText = document.createTextNode( "启用 ");
href.appendChild(hrefText);

hreftype = 1;
}
else
{
while(href.childNodes.length > 0)
{
href.removeChild(href.childNodes[0]);
}
hrefText = document.createTextNode( "禁用 ");
href.appendChild(hrefText);

hreftype = 0;
}
}

。。。
<a href= "# " id= "href1 " onclick= "ChangeHref(); "> 禁用 </a>

这个方面比较笨,但是在各个浏览器上运行均有效,希望大家给出更简洁的在各个浏览器上均有效的方法^_^
[解决办法]
引用:

如果不用考虑是否成功 "禁用 ",
直接用javascript就能改变按钮的value吧.

如果要考虑是否 "禁用 "成功的话,那就用.
var boyofbit = new ActiveXObject( "Microsoft.XMLHTTP ");
var info=document.getElementById( "info ");

boyofbit.open( "POST ", "a.jsp ",false);
boyofbit.send();
var strResult=unescape(boyofbit.responseText);
其中a.jsp就是 "禁用 ",并返回是否成功.

你根据strResult判断一下,然后...

在a.jsp中执行更改数据库状态语句就可以了


public void setState(boolean state)
{
//.........
}
[解决办法]
<html xmlns= "http://www.w3.org/1999/xhtml " >
<head>
<title> 无标题页 </title>
<script>
function aaa()
{
if(document.getElementById( "hre ").innerText== '禁用 ')
{
document.getElementById( "hre ").innerText= '启用 ';
}
else
{
document.getElementById( "hre ").innerText= '禁用 ';
}
}
function ajax()
{
//修改数据库中的数据
}
</script>
</head>
<body>
<a id= "hre " name= "hre " href= "# " onclick= "aaa();ajax() "> 禁用 </a>
</body>
</html>

热点排行