拾光分享网 | 一个有趣的IT资源分享网

记录学习中结合Jquery和layui的几种提交方式

jquery学习网站:https://www.runoob.com/jquery/jquery-tutorial.html
layui官网:https://www.layui.com/

首先引入jquery和layui的资源

第一种ajax提交:

    $.ajax({   
    contentType: 'application/json',
    type: 'POST',
    url: "/article/userDownloadExist",    //url地址
    dataType: "json",
    data: JSON.stringify(GetJsonData()),
    success: function (message) {
        if(message.errMsg == 1){
            layer.alert("您还没有登录,请先去登录。");
        }
    },
    error: function (message) {
        console.log(message);
        alert("提交数据失败!888"+message);    
    }
});

function GetJsonData() {
    var json = {    
    "aid":$("#imputArticleId").val()
    };
    return json;
}

layui弹出确认的对话框:

 layer.confirm('该资源下载需要 <font color="red">#(article.points)</font> 积分,您确定要下载这个资源吗?', { 
    title:"下载提示"
        ,btn: ['确定','取消'] //按钮
}, function(){
    //确认后的操作
});

第二种POST提交:

    $.post("/article/userDownloadExist",{"aid":aid},function(result){
    if(result){
        //后面的操作
    }
});

第三种GET提交:

 $.get("demo_test.php",function(data,status){
    alert("数据: " + data + "\n状态: " + status);
  });
欢迎您的转载:拾光分享网 | 一个有趣的IT资源分享网 » 记录学习中结合Jquery和layui的几种提交方式


评论 2

  • 昵称*
  • 邮箱 (必填)
  • 网址
  1. 用户头像

    测试评论

    艺点|张恒玮 (2020-01-29) 回复
  2. 用户头像

    加油

    final (2020-01-30) 回复