基本用法
get数据
1 2 3 4 5 6 7 |
function loadXMLDoc_justchen() { $.get("/action/led", function (data, status) { // GET 参数,回调函数(参数,状态) $("#NODE-SN").text(data); // 查找到ID为NODE-SN的项目并将其更改为文本 //console.log(data); }); } |
当面页ready 后加载数据
1 2 3 4 |
$(document).ready(function () { loadXMLDoc_justchen(); }); |
定时刷新数据
实际上就是加入 setInterval
方法
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
提示: 1000 毫秒= 1 秒。
提示: 如果你只想执行一次可以使用 setTimeout() 方法。
1 2 3 4 5 6 7 |
$(document).ready(function () { loadXMLDoc_justchen(); setInterval(function () { loadXMLDoc_justchen(); }, 3000); }); |
如果想停止刷新.重新学习下这个方法,不在这里写
post 数据
方法jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)
1 2 3 4 5 6 |
function postTest(data) { $.post("/action/led", data, function (data) { $("#NODE-SN").text(data); }); }; |