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中bind(),live(),delegate(),on()绑定事件方法实例详解

    jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解

    这篇文章主要介绍了jQuery中bind(),live(),delegate(),on()绑定事件方法,结合实例形式详细分析了bind(),live(),delegate(),on()方法绑定事件的具体使用技巧,并对比分析了四种方式的异同点,需要的朋友可以参考下
    2016-01-01
  • 浅析jQuery中使用$所引发的问题

    浅析jQuery中使用$所引发的问题

    这篇文章主要介绍了浅析jQuery中使用$所引发的问题的相关资料,f非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-05-05
  • jQuery 3.0 的 setter和getter 模式详解

    jQuery 3.0 的 setter和getter 模式详解

    这篇文章主要介绍了jQuery 3.0 的 setter和getter 模式详解的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • jquery延迟对象解析

    jquery延迟对象解析

    第一次认识jquery延迟对象,这篇文章主要为大家详细解析JQ延迟对象的相关概念,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • jQuery之网页换肤实现代码

    jQuery之网页换肤实现代码

    用jQuery做网页换肤确实是很一个很巧妙,很好的选择,这是本人在学习jQuery中学的知识,感觉很有用,写了下来,希望大家有更好的方法或者代码不足的地方请谅解,本人也是初学者啊,希望大家互相勉励互相学习。
    2011-04-04
  • jQuery中的关系查找方法

    jQuery中的关系查找方法

    这篇文章主要介绍了jQuery中的关系查找方法,关系查找方法分有children()子级、siblings()兄弟的一些方式,下文都有介绍到,文章内容介绍详细,需要的小伙伴可以参考一下,希望对你的学习有所帮助
    2022-03-03
  • 利用JQuery直接调用asp.net后台的简单方法

    利用JQuery直接调用asp.net后台的简单方法

    下面小编就为大家带来一篇利用JQuery直接调用asp.net后台的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • 详解Bootstrap的iCheck插件checkbox和radio

    详解Bootstrap的iCheck插件checkbox和radio

    这篇文章主要详细介绍了Bootstrap的iCheck插件checkbox和radio的知识及bootstrap icheck获取radio的value值的方法,非常不错,具有参考借鉴价值,感兴趣的朋友一起看下吧
    2016-08-08
  • jquery实现简易的移动端验证表单

    jquery实现简易的移动端验证表单

    本文给大家汇总介绍了几个常用的jquery实现简易的移动端验证表单,非常的实用,有需要的小伙伴可以进来参考下。
    2015-11-11
  • jquery select多选框的左右移动 具体实现代码

    jquery select多选框的左右移动 具体实现代码

    这篇文章介绍了jquery实现select多选框的左右移动的方法,有需要的朋友可以参考一下
    2013-07-07

最新评论