`
shihuan830619
  • 浏览: 580124 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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

阅读更多
https://my.oschina.net/u/1409620/blog/323734


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 ajax提交表单代码

    本文将深入探讨如何使用jQuery的ajax方法来提交表单,从而实现异步数据交换,提高用户体验。 首先,jQuery的$.ajax()函数是进行Ajax请求的核心,它允许我们与服务器进行异步数据通信。在“使用jQuery ajax提交表单...

    jquery+ajax实现无刷新提交的功能

    ### 使用jQuery与Ajax实现网页无刷新提交功能 在现代Web开发中,为了提供更好的用户体验,很多网站都会采用Ajax技术来实现在不刷新整个页面的情况下进行数据的提交与更新。本篇文章将详细介绍如何利用jQuery库结合...

    基于jQuery的Ajax聊天室程序

    在这个聊天室程序中,jQuery库被用来简化Ajax的使用,使得开发者能更轻松地实现这一功能。 1. **jQuery**:jQuery是一个快速、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在本聊天室...

    Ajax使用jQuery提交表单 文件

    在这个“Ajax使用jQuery提交表单 文件”中,我们将探讨如何利用jQuery实现Ajax提交表单,从而实现异步数据传输,提高用户体验。 首先,我们需要理解jQuery中的Ajax函数`$.ajax()`。这是一个核心函数,可以进行各种...

    ajax jquery的使用

    Ajax 和 jQuery 是 web 开发中的两个重要工具,它们在创建动态、交互性强的网页时起着关键作用。Ajax(Asynchronous JavaScript and XML)是一种技术,它允许网页在不刷新整个页面的情况下与服务器交换数据并更新...

    Ajax表单提交插件jquery form

    **Ajax表单提交插件jQuery Form** 在Web开发中,jQuery Form插件是一个非常实用的工具,它使得使用Ajax技术提交HTML表单变得简单而直观。这个插件扩展了jQuery库,提供了强大的功能,允许开发者无刷新地更新页面...

    jquery+ajax文件上传

    2. **jQuery事件绑定**:我们将监听表单的提交事件,并使用`event.preventDefault()`阻止默认的表单提交行为,转而使用AJAX进行异步上传。 ```javascript $("#uploadForm").submit(function(event) { event....

    Asp.Net MVC之jQuery与AJAX操作实例

    在Asp.Net MVC框架中,jQuery和AJAX的结合使用极大地提升了用户体验,使得网页能够实现异步数据交互,无需刷新整个页面即可完成数据的增删查改操作。本实例将深入探讨如何在Asp.Net MVC项目中应用jQuery与AJAX。 一...

    jquery upload ajax方式

    本篇文章将深入探讨如何使用jQuery实现AJAX方式的文件上传,以及相关的核心知识点。 ### 1. jQuery与Ajax jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。Ajax...

    项目组管理系统,Java+json+jQuery+ajax

    这个系统结合了JSON、jQuery和Ajax技术,以实现动态数据交互和用户友好的界面体验。 首先,我们来详细了解Java在这个系统中的作用。Java是一种广泛应用于服务器端开发的编程语言,具有跨平台特性,使得开发的系统...

    使用jQuery.form插件,实现完美的表单异步提交

    此外,`$.fn.ajaxSubmit`方法还可以接受一个完整的jQuery.ajax选项对象,这意味着你可以使用所有jQuery的Ajax选项,如`cache`、`timeout`、`contentType`等,来定制你的异步请求。 总结一下,jQuery.form插件通过...

    无刷新提交数据[jquery+ajax]

    无刷新提交数据是一种提高网页用户体验的技术,通过使用jQuery和AJAX(异步JavaScript和XML)实现。在传统的网页交互中,用户提交表单时通常会触发整个页面的刷新,这可能导致用户丢失当前浏览状态,而无刷新提交则...

    jquery的ajax方法

    在Web开发中,jQuery的Ajax功能极大地简化了XMLHttpRequest对象的使用,使得前端与后端的数据交换变得更加便捷。 **$.ajax()**是jQuery中最全面的Ajax请求函数,它允许我们自定义各种参数以满足不同的需求。通过这...

    ASP+jQuery+AJAX

    在具体的应用场景中,ASP可以用来处理用户提交的表单数据,通过AJAX发送到服务器,服务器处理后将结果返回,此时jQuery可以监听AJAX的请求状态,成功后更新页面的部分内容,而无需重新加载整个页面。这种技术在网页...

    jquery+AJAX小小项目

    jQuery提供了$.ajax()方法,方便地封装了XMLHttpRequest对象,使得使用AJAX变得更加简单。在这个项目中,主要使用了以下jQuery的AJAX相关函数: 1. **$.get()**:用于发送GET请求。例如: ```javascript $.get('...

    php Jquery ajax 登陆

    2. **jQuery处理表单提交**:在jQuery中,我们使用`$(document).ready()`来确保DOM加载完成后再执行代码。当表单提交时,我们将阻止其默认的提交行为,然后使用`.ajax()`方法发送POST请求。 ```javascript $...

    PHP + jQuery实现ajax文件即时上传 预览 配套资源

    在本文中,我们将深入探讨如何使用PHP和jQuery的Ajax技术实现...以上就是使用PHP和jQuery实现Ajax文件即时上传和预览的基本流程。这种技术在现代Web应用中广泛使用,提高了用户体验,使文件上传变得更加流畅和直观。

    PHP+Jquery+AJAX POST,GET提交表单并接收返回

    2. **jQuery监听表单提交**:使用jQuery,我们可以监听表单的提交事件,比如`$('form').submit(function(event) { ... })`,阻止默认的表单提交行为(防止页面跳转),并开始执行AJAX请求。 3. **AJAX请求**:使用...

    jQuery Ajax 登陆和注册页面

    1. **事件绑定**:使用jQuery的`$(document).ready()`函数确保页面加载完成后执行代码,然后使用`$('form').submit()`监听表单提交事件。 2. **Ajax请求**:当用户点击登录按钮时,阻止表单的默认提交行为,用`...

    jquery,ajax,ssh实现登陆注册以及动态验证

    1. jQuery:jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互。在登录注册系统中,jQuery可以用于处理用户输入的事件,如点击按钮、表单验证等,并通过AJAX进行无刷新的数据交互...

Global site tag (gtag.js) - Google Analytics