js点击下载按钮下载返回的文件

最新推荐文章于 2024-08-22 18:29:18 发布

原创最新推荐文章于 2024-08-22 18:29:18 发布 · 1.6k 阅读

1 ·

CC 4.0 BY-SA版权

js 同时被 2 个专栏收录

78 篇文章

订阅专栏

jquery

12 篇文章

订阅专栏

本文介绍了一种利用Ajax请求获取文件URL并实现自动下载的方法。通过html中的按钮触发JavaScript的Ajax请求，设置请求类型为GET，请求地址为'/list'，并在成功回调中通过location.href跳转到返回的文件URL，实现文件的自动下载。

通过ajax请求获取返回的文件url

1、html

<button type="button" class="btn btn-primary" id="download_search">下载</button>

2、js

$(function(){
	//点击下载按钮事件
	$('#download_search').click(function() {
		$.ajax({
			type: "get",
			async: false,
			url: '/list',
			data: {
				xx: yy
			},
			success: function(result) { // result为返回的数据 
				location.href = result.url;
			}
		});
	});                                                                      
});