Jquery Ajax请求文件下载操作失败的原因分析及解决办法

jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写Javascript代码的习惯。

废话少说，直接进入正题，我们先来分析一下失败的原因

一、失败的原因

那是因为response原因，一般请求浏览器是会处理服务器输出的response，例如生成png、文件下载等,然而ajax请求只是个“字符型”的请求，即请求的内容是以文本类型存放的。文件的下载是以二进制形式进行的，虽然可以读取到返回的response，但只是读取而已，是无法执行的，说白点就是js无法调用到浏览器的下载处理机制和程序。

二、解决方案

1）可以使用jquery创建表单并提交实现文件下载；

var form = $("");
form.attr("style","display:none");
form.attr("target","");
form.attr("method","post");
form.attr("action",rootPath + "T_academic_essay/DownloadZipFile.do");
var input1 = $("");
input1.attr("type","hidden");
input1.attr("name","strZipPath");
input1.attr("value",strZipPath);
$("body").append(form);
form.append(input1);
form.submit();
form.remove();

2）可以直接使用a标签实现文件下载；

点击下载

3）使用隐藏iframe或新窗体解决。

PS：AJAX请求 $.ajax方法的使用

使用jQuery的$.ajax方法可以更为详细的控制AJAX请求。它在AJAX请求上施加细粒度级别的控制。

$.ajax方法语法

$.ajax(options)
参数
options	(对象)一个对象的实例，其属性定义这个操作的参数。详情见下表。
返回值	XHR实例

options详细范围值

名称	类型	描述
url	字符串	请求的url地址
type	字符串	将要使用的HTTP方法。通常是POST或GET。如果省略，则默认为GET
data	对象	一个对象，其属性作为查询参数而传递请求。如果是GET请求，则把数据作为查询字符串传递；如果是POST请求，则把数据作为请求体传递。在这两种情况下，都是由$.ajax()实用工具函数来处理值的编码
dataType	字符串	一个关键字，用来标识预期将被响应所返回的数据的类型。这个值决定再把数据传递给回调函数之前(如果有)进行什么后续处理。有效值如下： xml-响应文本被解析为XML文档，而作为结果的XML DOM被传递给回调函数 html-响应文本未经处理就被传递给回调函数。在已返回HTML片段内的任何服务端主要代码： protected void Page_Load(object sender, EventArgs e) { 　　if (!Page.IsPostBack) 　　{ 　　　　if (Request["id"] != null && !string.IsNullOrEmpty(Request["id"].ToString())) 　　　　{ 　　　　　　//启用该句会引发ajax超时异常　　　　　　// System.Threading.Thread.Sleep(3000); 　　　　　　Response.Write(GetData(Request["id"].ToString())); 　　　　} 　　} } protected string GetData(string id) { 　　string str = string.Empty; 　　switch (id) 　　{ 　　　　case "1": 　　　　　　str += "This is Number 1"; 　　　　　　break; 　　　　case "2": 　　　　　　str += "This is Number 2"; 　　　　　　break; 　　　　case "3": 　　　　　　str += "This is Number 3"; 　　　　　　break; 　　　　default: 　　　　　　str += "Warning Other Number!"; 　　　　　　break; 　　} 　　return str; } 运行程序，结果如图：转载请注明：文章转载自 www.mshxw.com 本文地址：https://www.mshxw.com/it/128550.html 上一篇 jquery1.8版本使用ajax实现微信调用出现的问题分析及解决办法下一篇通过Ajax两种方式讲解Struts2接收数组表单的方法 Ajax教程相关栏目本月热门文章 1【Linux驱动开发】设备树详解（二）设备树语法详解 2别跟客户扯细节 3Springboot+RabbitMQ+ACK机制(生产方确认(全局、局部)、消费方确认)、知识盲区 4【Java】对象处理流（ObjectOutputStream和ObjectInputStream） 5【分页】常见两种SpringBoot项目中分页技巧 6一文带你搞懂OAuth2.0 7我要写整个中文互联网界最牛逼的JVM系列教程 \| 「JVM与Java体系架构」章节：虚拟机与Java虚拟机介绍 8【Spring Cloud】新闻头条微服务项目：FreeMarker模板引擎实现文章静态页面生成 9JavaSE - 封装、static成员和内部类 10树莓派mjpg-streamer实现监控及拍照功能调试 11用c++写一个蓝屏代码 12从JDK8源码中看ArrayList和LinkedList的区别 13idea 1、报错java: 找不到符号符号: 变量 log 2、转换成Maven项目 14在openwrt使用C语言增加ubus接口（包含C uci操作） 15Spring 解决循环依赖 16SpringMVC——基于MVC架构的Spring框架 17Andy‘s First Dictionary C++ STL set应用 18动态内存管理 19我的创作纪念日 20Docker自定义镜像-Dockerfile 热门相关搜索路由器设置木托盘宝塔面板儿童python教程心情低落朋友圈 vim 双一流学科专升本我的学校日记学校西点培训学校汽修学校情书化妆学校塔沟武校异形模板西南大学排名最精辟人生短句 6步教你追回被骗的钱南昌大学排名清朝十二帝北京印刷学院排名北方工业大学排名北京航空航天大学排名首都经济贸易大学排名中国传媒大学排名首都师范大学排名中国地质大学(北京)排名北京信息科技大学排名中央民族大学排名北京舞蹈学院排名北京电影学院排名中国戏曲学院排名河北政法职业学院排名河北经贸大学排名天津中德应用技术大学排名天津医学高等专科学校排名天津美术学院排名天津音乐学院排名天津工业大学排名北京工业大学耿丹学院排名北京警察学院排名天津科技大学排名北京邮电大学(宏福校区)排名北京网络职业学院排名北京大学医学部排名河北科技大学排名河北地质大学排名河北体育学院排名学习工具代数计算器三角函数解析几何立体几何知识解答教育知识百科知识生活知识常识知识写作必备作文大全作文素材句子大全实用范文关于我们关于我们联系我们网站地图名师互学网交流群名师互学网客服名师互学网版权所有 (c)2021-2022 ICP备案号：晋ICP备2021003244-6号关于我们文章归档网站地图联系我们版权所有 (c)2021-2022 MSHXW.COM ICP备案号：晋ICP备2021003244-6号

Jquery Ajax请求文件下载操作失败的原因分析及解决办法

Ajax教程相关栏目本月热门文章