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

可以优化的地方如下：

1. 将重复的代码提取出来，避免重复书写。

2. 对于 Ajax 请求的 url 和 type 参数可以提取出来，方便维护。

3. 对于 Ajax 请求的 success 回调函数中的重复代码，也可以提取出来。

优化后的代码如下：

var url = "ntp1.php";
var type = "GET";

function getFileContent() {
  $.ajax({
    url: url,
    type: type,
    success: function(response) {
      $("#fileContent").val(response);
    }
  });
}

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

$("#openBtn").click(function() {
  getFileContent();
});

$("#saveBtn").click(function() {
  saveFile();
});

相关问题

$(document).ready(function(){ $("#openBtn").click(function(){ $.ajax({ url:"ntp1.php", type:"GET", success:function(response){ $("#fileContent").val(response); } }); }); 不使用response 获取php $file_path = "/etc/ntp.conf"; $file_content = file_get_contents($file_path); $file_content的内容

如果您想将 `$file_content` 的内容返回给 AJAX 请求，您可以使用 `echo` 将其作为 HTTP 响应的一部分输出，然后在 AJAX 的 `success` 回调函数中获取它。例如，您可以使用以下 PHP 代码：

$file_path = "/etc/ntp.conf";
$file_content = file_get_contents($file_path);
echo $file_content;

这将读取 `$file_path` 文件的内容并将其输出到 HTTP 响应中。然后，您可以在 AJAX 的 `success` 回调函数中获取它，如下所示：

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

当用户单击 `openBtn` 按钮时，将会发送一个 AJAX 请求到 `ntp1.php` 文件。如果请求成功，`success` 回调函数将会被触发，并且 `response` 参数将会包含 PHP 输出的内容。在这个例子中，`response` 将会包含 `$file_content` 的内容，它会设置到 `fileContent` 元素的值中。

<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 请求分别处理，分别写成不同的函数。