我正在做一个类项目，而且我在这类事情上几乎是一个绝对的初学者。我有一个在 Ubuntu 上运行的服务器。在 script.js 里面我有
$(document).ready(function(){
$.get('/var/www/html/hadoopstatus.txt', function(response) {
var $hadoopstatus = response;
}, "text");
if ($hadoopstatus == 'Running'){
document.getElementById('b2').disabled = false;
}
if ($hadoopstatus == 'Stopped'){
document.getElementById('b1').disabled = false;
}
});
在index.html 里面我有
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="script.js"></script>
// some stuff
</head>
<body>
// stuff
<form method="post">
<button type="submit" id="b1" disabled>Start Hadoop</button>
<button type="submit" id="b2" disabled>Stop Hadoop</button>
</form>
// stuff
</body>
/var/www/html/hadoopstatus.txt仅包含
Running
我遇到的问题是按钮(在本例中为“停止 Hadoop”按钮)将无法启用。我做错了什么？
最佳答案
$.get 函数是异步的，因此您必须等待它完成。
所以将代码更改为:
$.get('/var/www/html/hadoopstatus.txt', function(response) {
var $hadoopstatus = response;
if ($hadoopstatus == 'Running') {
document.getElementById('b2').disabled = false;
}
if ($hadoopstatus == 'Stopped') {
document.getElementById('b1').disabled = false;
}
}, "text");
完全控制:
var jqxhr = $.get('/var/www/html/hadoopstatus.txt', function(response) {
alert( "success" );
if (response == 'Running') {
document.getElementById('b2').disabled = false;
}
if (response == 'Stopped') {
document.getElementById('b1').disabled = false;
}
}, "text")
.done(function() {
alert( "second success" );
})
.fail(function() {
alert( "error" );
})
.always(function() {
alert( "finished" );
});
关于javascript - 如何使用 jQuery 禁用/启用按钮？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35854242/