<button id = "openBtn">打开文件</button> <button id = "saveBtn">保存</button> <br><br> <textarea id="fileContent" cols="80" rows="30" hidden></textarea> <script> $(document).ready(function(){ $("#openBtn").click(function(){ $.ajax({ url:"ntp1.php", method:"POST", dataType:"text", success:function(data){ $("#fileContent").val(data); $("#fileContent").show(); } }); }); $("#saveBtn").click(function(){ var fileContent = $("#fileContent").val(); $.ajax({ url:"ntp1.php", method:"POST", data:{content:fileContent}, success:function(response){ alert("File saved successfully!"); $("#fileContent").hide(); } }); }); }); </script> 修改代码 让其能够实现 在点击打开按钮后 打开按钮不能再使用 只有当点击保存按钮后 才能够再次使用打开按钮

可以在点击打开按钮后，将其禁用。在点击保存按钮后，再将打开按钮启用。

修改后的代码如下：

<button id="openBtn">打开文件</button>
<button id="saveBtn">保存</button>
<br><br>
<textarea id="fileContent" cols="80" rows="30" hidden></textarea>
<script>
    $(document).ready(function() {
        $("#openBtn").click(function() {
            $(this).prop('disabled', true); // 禁用打开按钮
            $.ajax({
                url: "ntp1.php",
                method: "POST",
                dataType: "text",
                success: function(data) {
                    $("#fileContent").val(data);
                    $("#fileContent").show();
                },
                complete: function() {
                    $("#openBtn").prop('disabled', false); // 在请求完成后再启用打开按钮
                }
            });
        });

        $("#saveBtn").click(function() {
            var fileContent = $("#fileContent").val();
            $.ajax({
                url: "ntp1.php",
                method: "POST",
                data: {
                    content: fileContent
                },
                success: function(response) {
                    alert("File saved successfully!");
                    $("#fileContent").hide();
                }
            });
        });
    });
</script>