正文
有时候我们在网页上需要增加一个下载按钮,让用户能够点击后下载页面上的资料,那么怎样才能实现功能呢?这里有两种方法:
题外话,这个下载图标是引用的 font-awesome 上面的。使用时,首先将 font-awesome 整个文件夹下载下来,利用bower或者是自己去官网上面下载都行。
在页面上可以开始使用所需要的图标了
1.下载项目中的文件
如果要下载的是一个excel文件模板,可以先将该文件放在项目文件夹下面,然后在页面下载按钮上加上onclick事件:
2.发送请求地址下载文件
JQuery的ajax函数的返回类型只有xml、text、json、html等类型,没有“流”类型,所以我们要实现ajax下载,不能够使用相应的ajax函数进行文件下载。但可以用js生成一个form,用这个form提交参数,并返回“流”类型的数据。在实现过程中,页面也没有进行刷新。
1)get请求
属性用来设置请求的类型——post还是get
* 2.action属性用来设置请求路径。
*
*/
var form=$("
2)post请求
");//定义一个form表单
form.attr("style","post");//请求类型
form.attr("action",url);//请求地址
$("body").append(form);//将表单放置在web中
var input1=$("");
input1.attr("type",companyId);
form.append(input2);
form.submit();//表单提交
});
原文链接:https://www.f2er.com/js/44473.html