zoukankan      html  css  js  c++  java
  • 完美定义点击按钮触发函数提交数据【ajax】

    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数据执行出错......");
            }
        });
    }
  • 相关阅读:
    第九周作业
    第八周作业
    第七周作业
    第六周作业
    JAVA面向对象详细总结
    父愁者联盟--需求规格说明书
    案例分析
    软件工程编程作业1
    构建之法观后提问
    第一次随笔——准备工作
  • 原文地址:https://www.cnblogs.com/chenjw-note/p/12703549.html
Copyright © 2011-2022 走看看