您的位置:首页 > Web前端 > JQuery

jQuery ajax 文件下载

2018-01-18 11:12 85 查看
 一般上文件下都会使用
window.location.href='xxx' //文件路径或者 后台接口地址  但有时候要传递参数给后台就需要 window.location.href='xxx?name=123&age=234'     如果传参过多或者传参长度过大就有点不太合理了 jQuery.download = function(url, data, method){ // 获得url和data
if( url && data ){
// data 是 string 或者 array/object
data = typeof data == 'string' ? data : jQuery.param(data); // 把参数组装成 form的 input
var inputs = '';
jQuery.each(data.split('&'), function(){
var pair = this.split('=');
inputs+='<input type="hidden" name="'+ pair[0] +'" value="'+ pair[1] +'" />';
}); // request发送请求
jQuery('<form action="'+ url +'" method="'+ (method||'post') +'">'+inputs+'</form>').appendTo('body').submit().remove();
};
};
$.download('url','data','post' );
    此方法通过创建from表单进行模拟数据请求进行文件下载 其中用到了 jQuery ajax - param()
var params = { width:1900, height:1200 };
var str = jQuery.param(params);
console.log(str)
width=1680&height=1050 //输出结果
param() 方法创建数组或对象的序列化表示,具体的去查手册。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ajax 文件下载 post get