$(document).ready(function(){ $("#startBtn").click(function(){ $.ajax({ url:'ntp.php', type:'post', data:{action:"start"}, success:function(result){ $("#result").html(result); } }); }); $("#stopBtn").click(function(){ $.ajax({ url:'ntp.php', type:'post', data:{action:"stop"}, success:function(result){ $("#result").html(result); } }); }); $("#restartBtn").click(function(){ $.ajax({ url:'ntp.php', type:'post', data:{action:"restart"}, success:function(result){ $("#result").html(result); } }); }); }); </script> 一次点击三个按钮 会将echo的内容全部打印在页面上
时间: 2024-02-10 16:34:03 浏览: 70
$ajax方法-jQuery基础教程
这段代码是一个 JavaScript/jQuery 代码片段,主要用于通过 AJAX 请求调用后端 PHP 脚本,并将脚本的响应结果展示在 HTML 页面上。
具体来说,这段代码在页面加载完成后,会为三个按钮(id 分别为 startBtn、stopBtn 和 restartBtn)绑定 click 事件处理函数。当用户点击这些按钮时,会向后端的 ntp.php 脚本发送 POST 请求,同时携带一个 action 参数,其值分别为 start、stop 和 restart。后端脚本根据这个参数的值执行相应的操作,并将结果通过 echo 函数输出。
在这个代码中,每个 AJAX 请求的成功回调函数会将后端脚本的响应结果(即输出的内容)插入到页面中 id 为 result 的 HTML 元素中。
因此,如果用户依次点击三个按钮,三次 AJAX 请求的响应结果都会被插入到页面中 id 为 result 的元素中,从而导致将 echo 的内容全部打印在页面上。
阅读全文