success:function(result){ $("#stopBtn").parent().find(".result").html(result); }
时间: 2024-04-27 12:24:08 浏览: 44
根据您提供的代码,`success` 函数中的 `result` 参数应该是从服务器返回的响应内容。您可以使用浏览器的开发者工具或者控制台(console)查看该响应内容是否符合预期。如果响应内容为空,则可能是服务器没有正确地处理请求;如果响应内容不为空但不符合预期,则可能是服务器返回的数据格式不正确或者代码实现有误。您可以进一步检查服务器端代码以解决问题。另外,请确保您的 HTML 页面中有一个类名为 `result` 的元素,否则无法显示响应内容。
相关问题
$(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的输出了
根据您提供的代码,看起来是您的 `ntp.php` 没有输出信息。请确认 `ntp.php` 文件中是否有输出语句(例如 `echo` 或 `print` 语句)。如果没有,请添加输出语句以便在 AJAX 请求成功后能够输出结果。同时,您还可以检查控制台(console)中的网络请求和响应是否正常,以及响应内容是否符合预期。
用jquery精简一下程序<!DOCTYPE html> <html lang="en"> <head> <title>Styles Example</title> <style type="text/css"> .myDiv { background-color: blue; width: 150px; height: 150px; margin-right: 20px; display: table-cell; vertical-align: middle; text-align: center } .highlight { font-size: xx-large; } span { display: block; color: yellow; text-align: center; } </style> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> </head> <body> <table> <tr> <td> <div class="myDiv highlight"> <span>虎虎生威</span> </div> </td> <td> <div class="myDiv"> <span>生龙活虎</span> </div> </td> </tr> <tr> <td> <div class="myDiv"> <span>如虎添翼</span> </div> </td> <td> <div class="myDiv"> <span>卧虎藏龙</span> </div> </td> </table> <button onclick="start()" id="start">开始</button> <button onclick="stop()" disabled="disabled" id="stop">停止</button> <button onclick="resume()" disabled="disabled" id="resume">继续</button> <script> let divs = $(".myDiv"); //取得所有div let startBtn = $("#start"); //取得开始按钮 let stopBtn = $("#stop"); //取得停止按钮 let resumeBtn = $("#resume"); //取得继续按钮 let nums = [0, 1, 3, 2]; let index = 0, timerId; function start() { startBtn.prop("disabled", true); for (let num of nums) { divs.eq(nums[index]).removeClass("highlight"); } index = 0; divs.eq(nums[0]).addClass("highlight"); resume(); } function stop() { clearInterval(timerId); stopBtn.prop("disabled", true); startBtn.removeAttr("disabled"); resumeBtn.removeAttr("disabled"); } function resume() { resumeBtn.prop("disabled", true); stopBtn.removeAttr("disabled"); timerId = window.setInterval(function () { divs.eq(nums[index]).removeClass("highlight"); index = (index + 1) % 4; divs.eq(nums[index]).addClass("highlight"); }, 500); } </script> </body> </html>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Styles Example</title>
<style type="text/css">
.myDiv {
background-color: blue;
width: 150px;
height: 150px;
margin-right: 20px;
display: table-cell;
vertical-align: middle;
text-align: center
}
.highlight {
font-size: xx-large;
}
span {
display: block;
color: yellow;
text-align: center;
}
</style>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<table>
<tr>
<td>
<div class="myDiv highlight">
<span>虎虎生威</span>
</div>
</td>
<td>
<div class="myDiv">
<span>生龙活虎</span>
</div>
</td>
</tr>
<tr>
<td>
<div class="myDiv">
<span>如虎添翼</span>
</div>
</td>
<td>
<div class="myDiv">
<span>卧虎藏龙</span>
</div>
</td>
</tr>
</table>
<button id="start">开始</button>
<button id="stop" disabled>停止</button>
<button id="resume" disabled>继续</button>
<script>
const divs = $(".myDiv");
const startBtn = $("#start");
const stopBtn = $("#stop");
const resumeBtn = $("#resume");
const nums = [0, 1, 3, 2];
let index = 0, timerId;
function start() {
startBtn.prop("disabled", true);
divs.eq(nums[index]).removeClass("highlight");
index = 0;
divs.eq(nums[0]).addClass("highlight");
resume();
}
function stop() {
clearInterval(timerId);
stopBtn.prop("disabled", true);
startBtn.removeAttr("disabled");
resumeBtn.removeAttr("disabled");
}
function resume() {
resumeBtn.prop("disabled", true);
stopBtn.removeAttr("disabled");
timerId = setInterval(function () {
divs.eq(nums[index]).removeClass("highlight");
index = (index + 1) % 4;
divs.eq(nums[index]).addClass("highlight");
}, 500);
}
startBtn.click(start);
stopBtn.click(stop);
resumeBtn.click(resume);
</script>
</body>
</html>
阅读全文