javascript - PHP Ajax 按钮按下难题

Question

我一直在尝试让按钮在页面上执行 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>

Answer 1

让我们开始评估您的 php:

为了运行你的 php，你必须打开 php 标签:

 $("#ON<?php echo $id ?>")...

将其替换为您希望 ID 出现的所有位置。为了进行调试，请在浏览器中打开页面源代码并查看正在生成的内容:

示例:

<input type="submit" class="ON" id="ON<?php echo $id ?>" value="ON" name="submit"/>