完美定义点击按钮触发函数提交数据【ajax】
2021-03-22 14:24
标签:代码 style success round cti == head function let 1.html代码 2.javascript代码 完美定义点击按钮触发函数提交数据【ajax】 标签:代码 style success round cti == head function let 原文地址:https://www.cnblogs.com/chenjw-note/p/12703549.htmlbutton 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>
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数据执行出错......");
}
});
}