完美定义点击按钮触发函数提交数据【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数据执行出错......");
        }
    });
}

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

时间: 04-15

完美定义点击按钮触发函数提交数据【ajax】的相关文章

点击按钮触发事件调用存储过程1

protected void btnAdd_Click(object sender,EventArgs e) { txtEmpID.Text = Coeno.Utility.String.CleanUpInput(txtEmpID.Text); txtEmpName.Text= Coeno.Utility.String.CleanUpInput(txtEmpName.Text); txtEmpCardID.Text = Coeno.Utility.String.CleanUpInput(txtE

避免button处理事件过程中 点击按钮触发事件的方法

1 private void button1_Click(object sender, EventArgs e) 2 { 3 //...处理事件 4 for (int i = 0; i < 5; i++) 5 { 6 Thread.Sleep(1000); 7 } 8 MessageBox.Show("Hello!"); 9 this.button1.Enabled = false; Application.DoEvents(); 10 this.button1.Enabled

文本框输入完毕后,点击Enter触发按钮Click事件

文本框输入完毕后,点击Enter触发按钮Click事件 在C#编程中,我们经常碰到一个问题,就是在文本框中输入一些文字后,点击某按钮做一些响应处理.如百度搜索那样的,填写搜索内容,点击百度即可.当然我这里也有相应的情况: 输入文字后,点击按钮触发翻转文字效果. 如果想要用按下Enter代替点击按钮,可以这样写: private void textBox1_KeyDown(object sender, KeyEventArgs e) { if (e.KeyCode == Keys.Enter) {

倒计时,从10到0,停止,//点击按钮还原倒计时,到0,再停-----------------------点击,再还原

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatib

yii防止延迟用户多次点击按钮重复提交数据

是不是被用户的行为所困扰? 一. 一个表单用户点击提交按钮了N次,这也导致了数据提交了N次. 为了此受到了测试的欺辱,受到了老板的批评? 不用怕,它就是来拯救你的. 第一步:打开命令行,敲入 composer require light\yii2-lock-form=~1.0.0 第二步:上个厕所 第三步:如果你的项目中已经使用了 yii2-bootstrap, 那么好,只需要在的你的 AppAsset 「whatever, 只要你全局依赖的就成」 轻轻的敲入: 'depends' => [ /

iOS解决按钮短时间内多次点击只触发一次事件方法

在上家公司做项目的时候,做了个60秒获取验证码的功能,当时做了个定时器,按钮触发定时器,逻辑来讲都是没问题的,但是实际操作的时候,恶意的在短时间内多次点击那个获取验证码按钮,按钮的点击事件被调用了多次,定时器从而也调用多次,本来一秒减一的事件变成了一秒减多,并且减到0后继续调用方法,直到响应点击次数调用完,这完全不符合我们的心意. 时隔2月,我在新公司工作了,回头来看这个问题,为了解决这个问题,我在百度上查了许多资料,解决后将解决办法写入自己的博客,和大家分享自己的技术,也为自己一直想写博客做个

JavaScript点击事件/一个按钮触发另一个按钮

给按钮2添加点击事件click触发按钮1的点击事件,就算给按钮1添加样式display: none;或visibility: hidden;隐藏起来也能触发. <button type="button" id="btn1" onclick="alert('我是按钮1的弹框')" >按钮1</button> <button type="button" id="btn2">按

js构建函数,点击按钮显示div,再点击按钮或其他区域,隐藏div

这只是一个例子,先看看效果: html代码: <nav> <span class="nav_logo"></span> <h1>云蚂客首页</h1> <button class="nav_btn"></button> <ul class="menu"> <li><a href="#">首页</a>

1:时间戳转换成年月日函数,2:url截取参数方法,3:弹窗自定义方法 4:点击按钮加入购物车

最近一直在使用vue.js来构建项目,先分享一下一些简单可复用的函数. 1:时间戳转换Date.prototype.format = function(fmt){ //author: yumeiqiang var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "w+":'星期'+this.getDay(), "h+": this.getHours

A标签/按钮防止重复提交&amp;页面Loading制作

[实现原理] 防止重复提交与页面的提交时的Loading设置,均是在提交,但是尚未处理完成进行的操作,且提交为异步提交(同步提交不需要考虑).因此,其实现原理是在点击按钮或A标签时,将按钮/A标签置为不可用,在提交完成的回调函数中再将按钮/A标签置为可用:Loading原理是在点击提交时,生成Loading样式,在提交完成之后隐藏该样式. [同步]:提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事 [异步]:请求通过事件触发->服务器处理(这是浏览器仍然可以作