`
wenlongsust
  • 浏览: 75983 次
  • 性别: Icon_minigender_1
  • 来自: 西安
文章分类
社区版块
存档分类
最新评论

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

 
阅读更多

原文链接:http://www.poluoluo.com/jzxy/201301/195126.html

封装的通用js函数代码:

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

经测,代码是可以正常运行的,也能实现Ajax下载文件的功能,放在公共js文件里,可以很方便的调用



分享到:
评论

相关推荐

    asp+jquery ajax实例源码,添加,删除,修改,分页

    - 在前端,jQuery监听表单提交事件,阻止默认的表单提交行为,然后使用$.ajax()发送包含新数据的POST请求到ASP服务器端脚本。 - ASP接收到请求后,通过ADO(ActiveX Data Objects)处理数据库操作,如使用SQL ...

    jquery 表单设计器

    2. **引入设计器脚本和样式**:下载并链接到jQuery表单设计器的JavaScript和CSS文件。 3. **初始化设计器**:在JavaScript中调用初始化函数,指定一个容器元素来承载表单设计器。 4. **配置和使用**:根据需求配置...

    模仿雅虎日程安排系统jqueryAJAX

    标题中的“模仿雅虎日程安排系统jqueryAJAX”指的是创建一个类似雅虎日历功能的应用,使用jQuery库和AJAX技术实现动态交互。这个项目可能是为了学习或实践如何构建一个用户友好的在线日程管理工具,具备添加、编辑、...

    C# Asp.net Jquery Ajax 经典案例

    5. **动态图表**:通过Ajax请求获取服务器上的数据分析结果,然后使用Jquery配合图表库(如Highcharts)动态渲染图表,展示实时或历史数据。 6. **拖放功能**:利用Jquery UI的拖放插件,用户可以方便地重新排列...

    jQuery AJAX表格控件源码

    在网页开发中,数据展示和交互是不可或缺的部分,jQuery AJAX表格控件就是一种高效、动态的数据呈现方式。它利用jQuery库的强大功能,结合AJAX技术,实现在不刷新整个页面的情况下进行数据的加载、编辑和删除,提升...

    JQuery 动态生成DIV、Table并处理数据

    标题 "JQuery 动态生成DIV、Table并处理数据" 涉及的是使用JavaScript库JQuery来动态创建HTML元素,特别是DIV和Table,并且处理其中的数据。这在Web开发中非常常见,尤其是在构建交互式用户界面时。下面将详细阐述这...

    支持ajax的jquery自动完成插件

    **jQuery库与Ajax技术** ...综上所述,这款支持Ajax的jQuery自动完成插件提供了高效、灵活的自动补全功能,结合jQuery库的强大功能和JSON数据的便捷性,能够轻松地集成到各种Web应用中,提升用户交互体验。

    jQuery新浪微博用户评论表单代码.zip

    总结,jQuery新浪微博用户评论表单代码是一个集成了用户输入验证、Ajax交互和动态渲染的实例,展示了jQuery在网页交互设计中的强大能力。通过学习和实践这个代码,开发者不仅可以掌握创建评论表单的基本步骤,还能...

    jquery.autocomplete.js资源压缩包下载

    `jquery.autocomplete.js`是jQuery的一个插件,它扩展了原生的jQuery库,增加了自动完成的功能。这个插件主要由两个核心部分组成:一个是前端展示部分,负责渲染和展示联想结果;另一个是数据处理部分,用于获取和...

    Spring Boot + MyBatis + thymeleaf + MySQL + jQuery +ajax图书借阅管理系统

    在本系统中,jQuery用于增强用户体验,例如实现异步加载、动态表单验证等功能。 Ajax(Asynchronous JavaScript and XML)技术在本系统中扮演了关键角色,它实现了页面的局部刷新,使得用户在不刷新整个页面的情况...

    ssh整合+JSON+Jquery+Ajax

    SSH整合指的是Spring、Struts和Hibernate这三大框架的集成应用,它们是...这些文件共同构成了一个完整的SSH+JSON+Jquery+Ajax的示例应用,展示了如何在实际开发中有效地组合使用这些技术,以实现高效、互动的Web应用。

    jQuery关联店面查询表单代码.zip

    在实际应用中,这样的查询表单通常与后台服务器进行交互,通过AJAX异步请求将用户的选择发送到服务器,服务器处理请求后返回店面数据,然后前端利用jQuery动态渲染这些数据。这涉及到XMLHttpRequest对象或者jQuery的...

    JAVA使用ajax实现了分页 jquery

    本教程将详细讲解如何使用Ajax和jQuery实现分页功能,同时也会探讨Ajax请求中的POST和GET方法的区别。 一、Ajax分页原理 Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下,通过...

    基于jquery的Ajax后台模板框架

    在Ajax后台模板中,这些方法常用于动态加载和更新数据,将服务器返回的数据渲染到页面上。 ### 5. 事件监听与用户交互 为了实现动态交互,框架可能会利用jQuery的事件监听功能,如$(selector).on('click', ...

    jquery动态背景过渡

    在这个案例中,我们将深入探讨如何使用jQuery来创建动态背景,并特别关注其在文本字段中的应用。 首先,jQuery是一个轻量级的JavaScript库,简化了DOM操作、事件处理、动画效果以及Ajax交互。在"jquery动态背景过渡...

    spring3mvc-jQuery-easyUI做的ajax版本用户管理系统

    【标题】"spring3mvc-jQuery-easyUI做的ajax版本用户管理系统" 提供了一个使用SpringMVC、jQuery和easyUI框架构建的Web应用程序实例,它着重于实现基于Ajax的用户管理功能。这个项目展示了如何将这三个强大的技术...

    struts+jquery+ajax无刷新验证用户名是否存在

    Struts、jQuery和Ajax是Web开发中的核心技术,它们在构建动态、交互性强的网页时起着关键作用。本文将深入探讨如何结合这三个技术实现无刷新验证用户名是否存在的功能。 Struts是一个基于MVC(Model-View-...

    java+jsp+ajax+jst+jquery实例

    jQuery的简单插件开发可能涉及到扩展其核心功能,例如表单验证、轮播图、日期选择器等。在这个实例中,jQuery可能被用来增强页面的交互性,如通过Ajax调用后端服务,处理返回的数据,并更新页面元素。 综上所述,这...

Global site tag (gtag.js) - Google Analytics