我一直在尝试让按钮在页面上执行 PHP 脚本并刷新 div 标签,但没有成功。当我删除脚本的 $ajax 部分时,我的按钮会更改状态,但是当我再次添加 ajax 部分时,什么也没有发生。
我需要从 PHP 文件加载一些内容,然后更改按钮和 div 标签的状态。非常感谢您的帮助,因为我似乎找不到问题。
<div id="noah-content">
<script>
$(document).ready(function() {
$("#ON'.$id.'").click(function() {
document.getElementById("ON'.$id.'").disabled = true;
document.getElementById("OFF'.$id.'").disabled = false;
$.ajax({
type: "POST",
url: "some.php",
data: {
param: $(this).attr("src");
}
}).done(function( msg ) {
alert( "Data Saved: " + msg );
});
});
$("#OFF'.$id.'").click(function() {
document.getElementById("ON'.$id.'").disabled = false;
document.getElementById("OFF'.$id.'").disabled = true;
});
});
</script>
<img src="images/about.png" alt="image" id="myimg" />
<input type="submit" class="ON" id = "ON'.$id.'" value=" ON " name="submit"/>
<input type="submit" class="OFF" id = "OFF'.$id.'" value=" OFF " name="submit" disabled="disable"/>
</div>
最佳答案
让我们开始评估您的 php:
为了运行你的 php,你必须打开 php 标签:
$("#ON<?php echo $id ?>")...
将其替换为您希望 ID 出现的所有位置。为了进行调试,请在浏览器中打开页面源代码并查看正在生成的内容:
示例:
<input type="submit" class="ON" id="ON<?php echo $id ?>" value="ON" name="submit"/>
关于javascript - PHP Ajax 按钮按下难题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19230292/