<h1>编辑NTP配置文件</h1> <hr> <button id="openBtn">打开文件</button> <button id = "saveBtn">保存</button> <br><br> <textarea id="fileContent" cols="80" rows="30"></textarea> <script> $(document).ready(function(){ $("#openBtn").click(function(){ $.ajax({ url:"ntp1.php", type:"GET", success:function(response){ $("#fileContent").val(response); } }); }); $("#saveBtn").click(function(){ var fileContent = $("#fileContent").val(); $.ajax({ url:"ntp1.php", type:"POST", data:{content:fileContent}, success:function(response){ alert("File saved successfully!"); } }); }); }); </script> 优化代码

可以将 JavaScript 的代码提取出来，放在外部的 js 文件中，同时将 jQuery 的 $ 符号替换成 jQuery，以避免和其他 JavaScript 库的冲突。代码如下：

HTML 文件：

<h1>编辑NTP配置文件</h1>
<hr>
<button id="openBtn">打开文件</button>
<button id="saveBtn">保存</button>
<br><br>
<textarea id="fileContent" cols="80" rows="30"></textarea>

<script src="js/main.js"></script>

JavaScript 文件（js/main.js）：

jQuery(document).ready(function($) {
  $("#openBtn").click(function() {
    $.ajax({
      url: "ntp1.php",
      type: "GET",
      success: function(response) {
        $("#fileContent").val(response);
      }
    });
  });

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

此外，为了提高代码的可读性和可维护性，可以将 PHP 文件中的 GET 和 POST 请求分别处理，分别写成不同的函数。