如何更改 让每次点击只打印该按钮的输出
时间: 2024-03-02 09:52:17 浏览: 12
要让每个按钮只打印其对应的输出,可以通过在 AJAX 请求中添加一个回调函数来实现。
具体来说,可以将每个按钮的 click 事件处理函数中的 success 回调函数修改为一个匿名函数,该函数接收一个参数 result,表示后端脚本的响应结果。在这个匿名函数中,先获取当前按钮对应的输出区域(比如可以通过该按钮的父元素来获取),然后将 result 插入到该区域中。
下面是修改后的代码:
```javascript
$(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);
}
});
});
});
```
在这个代码中,每个按钮的 click 事件处理函数中,都通过 `parent()` 方法找到它们的父元素,然后再通过 `find(".result")` 找到该按钮对应的输出区域,最后将 result 插入到该区域中。这样就可以实现每个按钮只打印其对应的输出了。
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)