jQuery使用动态渲染表单功能完成ajax文件下载

 更新时间:2013年01月15日 14:22:12   作者:  
使用ajax实现文件下载,方便,快捷,时尚,多么有挑战的一个功能,首先获取url和data然后把参数组装成form的input再利用request发送请求,也就是动态渲染表单,提交表单后再删除,本例将实现文件下载功能,感兴趣的朋友可以聊解下
复制代码 代码如下:

// Ajax 文件下载
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('ExcelDownload.do','find=commoncode','post' );

相关文章

  • jquery仿百度百科底部浮动导航特效

    jquery仿百度百科底部浮动导航特效

    这篇文章主要介绍了jquery仿百度百科底部浮动导航特效,需要的朋友可以参考下
    2015-08-08
  • jquery CSS选择器笔记

    jquery CSS选择器笔记

    今天是CSS的选择器,以后还有一部分xPath的选择器。今天的笔记中包括44个选择器,基本涵盖了CSS 2和CSS 3的所有规定。
    2010-03-03
  • jquery实现搜索框常见效果的方法

    jquery实现搜索框常见效果的方法

    这篇文章主要介绍了jquery实现搜索框常见效果的方法,可实现搜索框文字显示效果,非常具有实用价值,需要的朋友可以参考下
    2015-01-01
  • jQuery实现两列等高并自适应高度

    jQuery实现两列等高并自适应高度

    想要使用jQuery实现两列等高并自适应高度,其实也很简单,原理就是取得左右两边的高度,然后判断这个值,把大的值赋给小的就行了。下面就跟小编一起来看下吧
    2016-12-12
  • jQuery树形下拉菜单特效代码分享

    jQuery树形下拉菜单特效代码分享

    这篇文章主要介绍了jQuery实现幻树形下拉菜单特效,代码简单,非常具有实用价值,需要的朋友可以参考下
    2015-08-08
  • JQuery实现电梯导航特效

    JQuery实现电梯导航特效

    这篇文章主要为大家详细介绍了JQuery实现电梯导航特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • jquery获取所有选中的checkbox实现代码

    jquery获取所有选中的checkbox实现代码

    下面小编就为大家带来一篇jquery获取所有选中的checkbox实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • jQuery 版本的文本输入框检查器Input Check

    jQuery 版本的文本输入框检查器Input Check

    专门针对input[text password hidden]以及textarea的用户输入进行检查
    2009-07-07
  • jquery Firefox3.5中操作select的问题

    jquery Firefox3.5中操作select的问题

    不过最近安装了FF3.5正式版,发现这种方法在它下面得不到值,就去看jquery的帮助文档,在文档中对select选中的引用是用如下方法
    2009-07-07
  • jQuery中:checked选择器用法实例

    jQuery中:checked选择器用法实例

    这篇文章主要介绍了jQuery中:checked选择器用法,实例分析了:checked选择器的功能、定义及选取选中的复选框或单选按钮时的使用技巧,需要的朋友可以参考下
    2015-01-01

最新评论