在AJAX中,提交数据后使按钮变灰,当数据回传到页面后,又返回原来的状态,如何实现?
在AJAX中,提交数据后使按钮变灰,当数据回传到页面后,又返回原来的状态,怎么实现??
在AJAX中,提交数据后使按钮变灰,当数据回传到页面后,又返回原来的状态,怎么实现??
主要目的是防止重复提交!
我用了下列方式,变成灰色后,却变不回来了
以下是代码片段.
function addNumber()
{
var software=document.getElementById('name').value;
createXMLHttpRequest();
var url= "Default3.aspx?Name="+software;
xmlHttp.open("GET",url);
xmlHttp.onreadystatechange=showResult;
xmlHttp.send(null);
var ado=document.getElementById ('adojing');
ado.setAttribute('disabled',true);
}
function showResult() {
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
document.getElementById('result').innerHTML =xmlHttp.responseText;
}
}
------解决方案--------------------
js 来实现阿!!!
function showResult() 这里面写
------解决方案--------------------
function addNumber()
{
document.getElementById('name').disabled = true;
var software=document.getElementById('name').value;
createXMLHttpRequest();
var url= "Default3.aspx?Name="+software;
xmlHttp.open("GET",url);
xmlHttp.onreadystatechange=showResult;
xmlHttp.send(null);
var ado=document.getElementById ('adojing');
ado.setAttribute('disabled',true);
document.getElementById('name').disabled = false;
}
------解决方案--------------------
send之后禁用
xmlHttp.send(null);
document.getElementById('adojing').disabled = true;
得到数据后启用
function showResult() {
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
document.getElementById('result').innerHTML =xmlHttp.responseText;
document.getElementById('adojing').disabled = false;
}
}
------解决方案--------------------
在AJAX中,提交数据后使按钮变灰,当数据回传到页面后,又返回原来的状态,怎么实现??
主要目的是防止重复提交!
我用了下列方式,变成灰色后,却变不回来了
以下是代码片段.
function addNumber()
{
var software=document.getElementById('name').value;
createXMLHttpRequest();
var url= "Default3.aspx?Name="+software;
xmlHttp.open("GET",url);
xmlHttp.onreadystatechange=showResult;
xmlHttp.send(null);
var ado=document.getElementById ('adojing');
ado.setAttribute('disabled',true);
}
function showResult() {
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
document.getElementById('result').innerHTML =xmlHttp.responseText;
}
}
------解决方案--------------------
js 来实现阿!!!
function showResult() 这里面写
------解决方案--------------------
function addNumber()
{
document.getElementById('name').disabled = true;
var software=document.getElementById('name').value;
createXMLHttpRequest();
var url= "Default3.aspx?Name="+software;
xmlHttp.open("GET",url);
xmlHttp.onreadystatechange=showResult;
xmlHttp.send(null);
var ado=document.getElementById ('adojing');
ado.setAttribute('disabled',true);
document.getElementById('name').disabled = false;
}
------解决方案--------------------
send之后禁用
xmlHttp.send(null);
document.getElementById('adojing').disabled = true;
得到数据后启用
function showResult() {
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
document.getElementById('result').innerHTML =xmlHttp.responseText;
document.getElementById('adojing').disabled = false;
}
}
------解决方案--------------------