博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
表单相关-文件上传-下载-异步/同步提交
阅读量:5124 次
发布时间:2019-06-13

本文共 1627 字,大约阅读时间需要 5 分钟。

1.jquery 异步提交的二次封装:

var base = "http://127.0.0.1/project/sys";function handlerData(obj, callbackHandler) {  $.ajax({    url: base + obj.url,    data: obj.data,    async: obj.async,    dataType: obj.dataType,    type: obj.type,    timeout: 10000,    success: function(data, type, xhr) {      if (xhr.status >= 200 && xhr.status < 400) {        callbackHandler(data, xhr);      } else {        console.log(xhr.status);      }    },    error: function(xhr, type, errorThrown) {
  if (xhr.status === 0) { alert("网络断开,请连接网络!!!"); } } }); }
 
// 调用  handlerData(    {      url: "/count",      data: {},      async: true,      dataType: "JSON",      type: "GET"    },    function(data, xhr) {      $("current-time").text(data);    }  );
 

  

 

2. 上传文件

由于本地上传给后台的是文件流,而不是一个本地地址,所以和普通的上传不一样

首先要添加enctype属性的form元素上:	
其次:
  var formD = new FormData($(".postFilesForm")[0]);   //fromData也是对文件的处理,此外serializeArray()方法也可以获取到form的值,不过未经处理,并且文件不能上传成功,因为值只是一个路径,对后台来说,无效
$.ajax({    url: "http://127.0.0.1/project/sys/text/",    data: formD,    async: false,    dataType: "JSON",    type: "POST",    timeout: 10000,    cache: false,    processData: false,    contentType: false,    success: function(data, type, xhr) {      if (xhr.status >= 200 && xhr.status < 400) {        console.log(data);        window.location.reload();      } else {        console.log(xhr.status);      }    },    error: function(xhr, type, errorThrown) {      if (xhr.status === 0) {        alert("网络断开,请连接网络!!!");      }    }  });

  

  3.后台返回的如果是文件流(一堆乱码),则无需用ajax, 直接将连接添加到a标签上(如果是按钮,则在按钮内部添加a标签)

转载于:https://www.cnblogs.com/cai-yu-candice/p/8446013.html

你可能感兴趣的文章
分布式锁的思路以及实现分析
查看>>
腾讯元对象存储之文件删除
查看>>
jdk环境变量配置
查看>>
安装 Express
查看>>
包含列的索引:SQL Server索引的阶梯级别5
查看>>
myeclipse插件安装
查看>>
浙江省第十二届省赛 Beauty of Array(思维题)
查看>>
NOIP2013 提高组 Day1
查看>>
cocos2dx 3.x simpleAudioEngine 长音效被众多短音效打断问题
查看>>
存储(硬件方面的一些基本术语)
查看>>
观察者模式
查看>>
Weka中数据挖掘与机器学习系列之基本概念(三)
查看>>
Win磁盘MBR转换为GUID
查看>>
大家在做.NET B/S项目的时候多用什么设技术啊?
查看>>
Java SE和Java EE应用的性能调优
查看>>
Android设计模式系列--原型模式
查看>>
免费的论文查重网站
查看>>
C语言程序第一次作业
查看>>
leetcode-Sort List
查看>>
中文词频统计
查看>>