码迷,mamicode.com
首页 > Web开发 > 详细

完美定义点击按钮触发函数提交数据【ajax】

时间:2020-04-15 10:45:37      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:代码   style   success   round   cti   ==   head   function   let   

1.html代码

<button class="layui-btn layui-btn-small" style="height: 30px;line-height:1.6em;" title="导出csv" onclick="exportCSV()">
    <i class="layui-icon" style="line-height:32px;font-size: 14px;">导出csv</i>
</button>

2.javascript代码

function exportCSV (argument) {
    //导出csv
    var url = "xxx";
    $.ajax({
        url: url,
        type: "POST",
        //data: $(‘#layui-form‘).serialize(),
        data: {
            "filter_platform":$("#filter_platform").val(),
            "filter_accoount":$("#filter_accoount").val(),
            "filter_project":$("#filter_project").val(),
            "export_cvs":"export_cvs"
        },
        beforeSend: function (xhr,settings) {
            xhr.setRequestHeader("X-CSRFtoken",$.cookie("csrftoken"));
            layer.msg(‘csv生成中,请等待......‘, {icon: 4,time:600000});
        },
        success: function (data) {
            if (data.code == 0){
                window.open("/static/xxx/download/" + data.file_name);
                layer.alert(data.msg, {icon: 6});
            } else {
                layer.alert(data.msg, {icon: 7});
            }
        },
        complete: function () {
            console.info("生成csv数据执行完成......");
        },
        error: function (data) {
            console.info("生成csv数据执行出错......");
        }
    });
}

 

完美定义点击按钮触发函数提交数据【ajax】

标签:代码   style   success   round   cti   ==   head   function   let   

原文地址:https://www.cnblogs.com/chenjw-note/p/12703549.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!