首页 » 未分类 » 正文

jQuery 学习笔记一

基本用法

get数据

function loadXMLDoc_justchen() {
    $.get("/action/led", function (data, status) {      //  GET 参数,回调函数(参数,状态)
        $("#NODE-SN").text(data);   // 查找到ID为NODE-SN的项目并将其更改为文本
        //console.log(data);
    });
}

当面页ready 后加载数据

$(document).ready(function () {
    loadXMLDoc_justchen();
});

定时刷新数据

实际上就是加入 setInterval 方法
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
提示: 1000 毫秒= 1 秒。
提示: 如果你只想执行一次可以使用 setTimeout() 方法。

$(document).ready(function () {
    loadXMLDoc_justchen();
    setInterval(function () {
        loadXMLDoc_justchen();
    }, 3000);
});

如果想停止刷新.重新学习下这个方法,不在这里写

post 数据

方法jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)

function postTest(data) {
    $.post("/action/led", data, function (data) {
        $("#NODE-SN").text(data);
    });
};

发表评论