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

2021-03-22 14:24

阅读:375

标签:代码   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;">导出csvi>
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

上一篇:什么叫web前端

下一篇:css样式第一课


评论


亲,登录后才可以留言!