jquery模板 ajax模板

garbage_code

于 2020-11-23 08:17:16 发布

阅读量509

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/liuphpgoooo/article/details/109981706

本文介绍了一个使用Ajax实现的计时器更新显示功能，通过定时请求服务器获取最新的时间数据，并将其显示在页面上。同时，还实现了基于用户点击按钮触发的秒杀功能，该功能会将按钮的ID作为参数传递给服务器进行处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//计时器
$(document).ready(function(){
        //获取
        window.setInterval(function(){
        $.ajax({
            url: "http://127.0.0.1/lianxi/blog/public/time",
            type: "GET",
            dataType:'json',
            success: function(data) {
                for(var i=0;i<data.length;i++){
                    console.log(data)
                    id=data[i]['id'];		// 商品ID
                    $('#h'+id).text(data[i]['hour'])
                    $('#m'+id).text(data[i]['min'])
                    $('#s'+id).text(data[i]['sec'])
                }
            }
        });
    },1000);
});
    //ajax请求传参
    $("input[type=button]").click(function () {
        //接收ID的值
        var id = $(this).attr('id');
        //提交值
        $.ajax({
            url:'http://127.0.0.1/lianxi/blog/public/hou',
            type:'get',
            data:{'id':id},

             success:function (data){
                 console.log(data)
               if (data.code==0){
                    alert('秒杀成功')
               }else{
                   alert('秒杀结束！！')
               }


             }


            })

    })