$(document).ready(function(){ $("#startBtn").click(function(){ $.ajax({ url:'ntp.php', type:'post', data:{action:"start"}, success:function(result){ $("#startBtn").parent().find(".result").html(result); } }); }); $("#stopBtn").click(function(){ $.ajax({ url:'ntp.php', type:'post', data:{action:"stop"}, success:function(result){ $("#stopBtn").parent().find(".result").html(result); } }); }); $("#restartBtn").click(function(){ $.ajax({ url:'ntp.php', type:'post', data:{action:"restart"}, success:function(result){ $("#restartBtn").parent().find(".result").html(result); } }); }); }); 点击按钮 没有echo的输出了
时间: 2024-04-27 11:24:13 浏览: 141
根据您提供的代码,看起来是您的 `ntp.php` 没有输出信息。请确认 `ntp.php` 文件中是否有输出语句(例如 `echo` 或 `print` 语句)。如果没有,请添加输出语句以便在 AJAX 请求成功后能够输出结果。同时,您还可以检查控制台(console)中的网络请求和响应是否正常,以及响应内容是否符合预期。
相关问题
$(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` 元素的值中。
<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>
```
阅读全文