动态提交使用jQuery 完成ajax 文件下载

查了好多资料,发现还是不全,干脆自己整理吧,至少保证在我的做法正确的,以免误导读者,也是给自己做个记录吧!

// 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‘ );

文章结束给大家分享下程序员的一些笑话语录: 一个合格的程序员是不会写出 诸如 “摧毁地球” 这样的程序的,他们会写一个函数叫 “摧毁行星”而把地球当一个参数传进去。

时间: 2024-10-06 03:17:14

动态提交使用jQuery 完成ajax 文件下载的相关文章

动态提交使用jQuery 完成ajax 文件下载----后端php

1.js代码 // Ajax 文件下载 //当不用传参时,可以将data去掉 jQuery.download = function(url, data, method){ // 获得url和data     if( url && data ){         // data 是 string 或者 array/object        data = typeof data == 'string' ? data : jQuery.param(data); // 把参数组装成 form的

基于jquery 的ajax 文件下载

ajax 文件下载,实际上就是模拟表单提交,代码如下: function download(url, data, method){ //url and data options required if( url && data ){ //data can be string of parameters or array/object data =typeof data =='string'? data : jQuery.param(data); //split params into fo

Datatables post 动态提交数据(传参数) 异步数据(ajax.data)

官网解释与方法:1 当向服务器发出一个ajax请求,Datatables将会把服务器请求到的数据构造成一个数据对象. 2 实际上他是参考jQuery的ajax.data属性来的,他能添加额外的参数传给服务器. 3 Datatables在此基础上还提供了一个函数,以便Datatables在请求服务器的时候可以处理这些数据. 闲言少叙,举几个栗子: 注意, 参数格式是必须和例子一样. 自认为最好用的datatables, post动态传参方法: //初始化表格 var oTable = $("#ex

jquery中$.ajax方法提交表单

function postdata(){                        //提交数据函数 $.ajax({                                //调用jquery的ajax方法 type: "POST",                       //设置ajax方法提交数据的形式 url: "ok.php",                      //把数据提交到ok.php data: "writer=

jQuery的ajax的form提交方法应用

1.如果不用ajax的form提交,就必须把表单的每一条数据进行获取,并提交给action进行处理.这样做比较麻烦,现在用了jQuery的easyui,使用封装好的ajax的form提交.脚本代码如下: //提交表单 function sysusersave(){ if($.formValidator.pageIsValid()){//校验表单输入信息是否合法 //使用jquery的ajax from提交,指定from的id和回调方法,提交的url使用提from中的action,参数为空,传递J

在jQuery中Ajax的Post提交中文乱码的解决方案(转)

引言: 在jQuery的Ajax POST请求中,进行请求,其中的中文在后台,显示为乱码,该如何解决呢? 问题的引入: var regid = $('#oregion').combobox('getValue'); //var sname = $('#sname').val(); var sname = encodeURI($('#sname').val(),"UTF-8"); if(regid!=""&&regid!='undefined'){ $

jQuery 中 ajax 提交数据应用的一个小demo

举一个jquery中ajax的应用小 demo 便于以后的更多项目拓展 ,这里要注意的是保存的文件名问题 ... ajax02.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="form&qu

HTML5第8次课堂笔记( 模拟form表单提交数据,xml的解析,jQuery的Ajax方法使用, mui的ajax)

HTML5第8次课堂笔记 1.  模拟form表单提交数据:(get方式) <body> <formmethod="get"action="DataTest7"> <inputtype="text"name="uname"value="yang"id="myname"><br/> <inputtype="password&q

Ajax表单提交插件jquery form

jQuery Form插件是一个优秀的Ajax表单插件,我们可以非常容易的使用它处理表单控件的值,清空和复位表单控件,附件上传,以及完成Ajax表单提交. jQuery Form有两个核心方法ajaxForm()和ajaxSubmit(),本文我们重点介绍ajaxSubmit()的应用. HTML 首先我们载入jquery库和jquery.form.js插件.jquery.form.js插件的官网地址:http://www.malsup.com/jquery/form/ <script type