请教不刷新页面而实现更新数据信息？
日期：2014-05-16 浏览次数：20683 次
请问不刷新页面而实现更新数据信息？？？ - 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>
比如我取出了一些数据记录，其中有个链接的功能是：
“禁用”
当点了“禁用”后，修改数据库里面的数据；这里有个问题是能不能不刷新页面而实现“禁用”显示为“启用”呢？
谢谢。
------解决方案--------------------
如果不用考虑是否成功 "禁用 ",
直接用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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
