jQuery使用動(dòng)態(tài)渲染表單功能完成ajax文件下載
更新時(shí)間：2013年01月15日 14:22:12 作者：
使用ajax實(shí)現(xiàn)文件下載，方便，快捷，時(shí)尚，多么有挑戰(zhàn)的一個(gè)功能，首先獲取url和data然后把參數(shù)組裝成form的input再利用request發(fā)送請(qǐng)求，也就是動(dòng)態(tài)渲染表單，提交表單后再刪除，本例將實(shí)現(xiàn)文件下載功能，感興趣的朋友可以聊解下
復(fù)制代碼 代碼如下:
// Ajax 文件下載
jQuery.download = function(url, data, method){
// 獲取url和data
if( url && data ){
// data 是 string 或者 array/object
data = typeof data == 'string' ? data : jQuery.param(data);
// 把參數(shù)組裝成 form的 input
var inputs = '';
jQuery.each(data.split('&'), function(){
var pair = this.split('=');
inputs+='<input type="hidden" name="'+ pair[0] +'" value="'+ pair[1] +'" />';
});
// request發(fā)送請(qǐng)求
jQuery('<form action="'+ url +'" method="'+ (method||'post') +'">'+inputs+'</form>')
.appendTo('body').submit().remove();
};
};
***也就是動(dòng)態(tài)渲染表單，提交表單后再刪除。***
調(diào)用實(shí)例
復(fù)制代碼 代碼如下:
$.download('ExcelDownload.do','find=commoncode','post' );
相關(guān)文章
jQuery中bind(),live(),delegate(),on()綁定事件方法實(shí)例詳解
這篇文章主要介紹了jQuery中bind(),live(),delegate(),on()綁定事件方法,結(jié)合實(shí)例形式詳細(xì)分析了bind(),live(),delegate(),on()方法綁定事件的具體使用技巧,并對(duì)比分析了四種方式的異同點(diǎn),需要的朋友可以參考下2016-01-01
這篇文章主要介紹了淺析jQuery中使用$所引發(fā)的問題的相關(guān)資料,f非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-05-05
jQuery 3.0 的 setter和getter 模式詳解
這篇文章主要介紹了jQuery 3.0 的 setter和getter 模式詳解的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
第一次認(rèn)識(shí)jquery延遲對(duì)象，這篇文章主要為大家詳細(xì)解析JQ延遲對(duì)象的相關(guān)概念,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
jQuery之網(wǎng)頁換膚實(shí)現(xiàn)代碼
用jQuery做網(wǎng)頁換膚確實(shí)是很一個(gè)很巧妙，很好的選擇，這是本人在學(xué)習(xí)jQuery中學(xué)的知識(shí)，感覺很有用，寫了下來，希望大家有更好的方法或者代碼不足的地方請(qǐng)諒解，本人也是初學(xué)者啊，希望大家互相勉勵(lì)互相學(xué)習(xí)。2011-04-04
這篇文章主要介紹了jQuery中的關(guān)系查找方法，關(guān)系查找方法分有children()子級(jí)、siblings()兄弟的一些方式，下文都有介紹到，文章內(nèi)容介紹詳細(xì)，需要的小伙伴可以參考一下，希望對(duì)你的學(xué)習(xí)有所幫助2022-03-03
利用JQuery直接調(diào)用asp.net后臺(tái)的簡(jiǎn)單方法
下面小編就為大家?guī)硪黄肑Query直接調(diào)用asp.net后臺(tái)的簡(jiǎn)單方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
詳解Bootstrap的iCheck插件checkbox和radio
這篇文章主要詳細(xì)介紹了Bootstrap的iCheck插件checkbox和radio的知識(shí)及bootstrap icheck獲取radio的value值的方法，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看下吧2016-08-08
jquery實(shí)現(xiàn)簡(jiǎn)易的移動(dòng)端驗(yàn)證表單
本文給大家匯總介紹了幾個(gè)常用的jquery實(shí)現(xiàn)簡(jiǎn)易的移動(dòng)端驗(yàn)證表單，非常的實(shí)用，有需要的小伙伴可以進(jìn)來參考下。2015-11-11
jquery select多選框的左右移動(dòng) 具體實(shí)現(xiàn)代碼
這篇文章介紹了jquery實(shí)現(xiàn)select多選框的左右移動(dòng)的方法，有需要的朋友可以參考一下2013-07-07