解决ajax提交到后台数据成功但返回不走success而走的error问题

下面是ajax代码和Controller层代码，期初以为是后台程序写错了。

 $("#sourcefile").ajaxSubmit({
  type: "post",
  dataType: "json", // 'xml', 'script', or 'json' (expected server response type)
  url: "/springMVC/upload/up",
  success: function (result) {
 	 if (result) {
 		 alert(result.col0);
 	 }

  },
  error:function(data, XMLHttpRequest, textStatus, errorThrown){
 	alert(1);
 	 }
 });

 @RequestMapping(value="/upload/up")

 public @ResponseBody ExcelName upload(@RequestParam("sourceFile") MultipartFile sourceFile, HttpServletRequest request, ModelMap model,HttpServletResponse response) {
 	 //判断文件是否为空
 if (sourceFile==null) return null;
 //获取文件名
 String name=sourceFile.getOriginalFilename();
 System.out.println("name");
 //进一步判断文件是否为空（即判断其大小是否为0或其名称是否为null）
 long size =sourceFile.getSize();
 if (name==null ||("").equals(name) && size==0) return null;

 //批量导入。参数：文件名，文件。
 List<ExcelName> cpolicyList = ExcelUtils.batchImport(name,sourceFile);
 //迭代添加信息（注：实际上这里也可以直接将cpolicyList集合作为参数，在Mybatis的相应映射文件中使用foreach标签进行批量添加。）
 for( ExcelName customer:cpolicyList){
 	colDataService.insertData(customer);
 } 

 ExcelName e1=new ExcelName();
 e1.setCol0("success");
 return e1;
｝

后打点跟踪后台发现，原来因为上传按键type写成了submit导致提交了一次action，致使ajax未获取到返回结果走了error。

下面是修改正确后的jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
 pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>上传</title>
<script type="text/javascript" src="./jquery-3.1.1.js"></script>
<script type="text/javascript" src="./jquery.form.js"></script>
<script type="text/javascript">

function submitImport(){
 var epath = $('#source_file').val(); 

 if(epath==""){
  alert( '导入文件不能为空!');
  return;
 } 

 if (epath.substring(epath.lastIndexOf(".") + 1).toLowerCase()!="xlsx") {
  alert( '导入文件类型必须为excel!');
  return;
 } 

 $("#sourcefile").ajaxSubmit({
  type: "post",
  dataType: "json", // 'xml', 'script', or 'json' (expected server response type)
  url: "/springMVC/upload/up",
  success: function (result) {
 	 if (result) {
 		 alert(result.col0);
 	 }

  },
  error:function(data, XMLHttpRequest, textStatus, errorThrown){
 	alert(1);
 	 }
 });
}
//partExport
function downloadTemplate() {
	document.sourcefile.action = "/springMVC/upload/partExport";
 form.submit(); //表单提交
 }

</script>
</head>
<body>
<div>
 <form id="sourcefile" name="sourcefile" action="" method="post" enctype="multipart/form-data">
 <input type="button" value="添 加" onClick="addAirLine()" />
 <input style="margin-left: 20px;" id="source_file" name="sourceFile" type="file" value="选择文件" />
 <input style="margin-left: 20px;" data-loading-text="请勿重复提交" type="button" value="上 传" onClick="submitImport()">
 <input style="margin-left: 20px;" type="submit" value="下载模板" onClick="downloadTemplate();">
 </form>
 </div>
</body>
</html>

以上这篇解决ajax提交到后台数据成功但返回不走success而走的error问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • 解决ajax请求后台,有时收不到返回值的问题

    昨天下午做项目遇到一个问题,贴出来方便以后翻阅,也给大家个参考. 问题: 具体做的是个文件导入的功能,导入的功能是成功了,但是界面一直得不到返回值,排查了一下午,调试的时候是可以有返回的,但是关掉浏览器调试界面,却得不到返回结果. 原因: 一直以为是我后台程序有问题,晚上回到家才想起来ajax的问题,把ajax的异步处理改为同步,就出来效果了,具体的原因请看下文详解. jquery中ajax方法有个属性async用于控制同步和异步,默认是true,即ajax请求默认是异步请求,有时项目中会用到A

  • 解决AJAX返回状态200没有调用success的问题

    今天在做个demo的时候,发现ajax获取状态为200,可是却没有执行正确的方法. SpringMVC + ajax +jquery 后来发现SpringMVC利用注解@ResponseBody返回String时,浏览器显示200状态码,并且响应头为json格式,格式ajax不认为它是json,所以一直执行错误方法 后来把dataType="json"去掉就OK了! 以上这篇解决AJAX返回状态200没有调用success的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希

  • Ajax请求发送成功但不进success的解决方法

    1.情况描述:ajax发送成功,后台也成功响应请求,并返回了json数据,通过chrome监听请求也可以看到响应的json数据,但是就是不进success方法,反而跑到error方法中了 前端: $.ajax({ type : "get", data : {'dbId':node.dbId,'viewId':node.id,'date':new Date()}, url : "${ctp}/ViewOperate/ShowViewSql", dataType : &

  • 解决ajax提交到后台数据成功但返回不走success而走的error问题

    下面是ajax代码和Controller层代码,期初以为是后台程序写错了. $("#sourcefile").ajaxSubmit({ type: "post", dataType: "json", // 'xml', 'script', or 'json' (expected server response type) url: "/springMVC/upload/up", success: function (resul

  • 有关文件上传 非ajax提交 得到后台数据问题

    下文给大家介绍文件上传非ajax提交得到后台数据的操作方法,具体详情如下所示: <form name="configForm" id="configForm" method="post" action="" > .......... </form> 根据id获得表单数据然后发送ajax请求,获得后台返回数据,处理数据,完美. 但是如果需要上传文件, <tr> <td class=&qu

  • jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法

    jquery中ajax请求后台数据成功后既不执行success也不执行error,此外系统报错:Uncaught SyntaxError: Unexpected identifier at Object.success,但后台能够返回数据,原代码如下: var source=[]; $.ajax({ type: "post", url: "connectdb/select.jsp", data: {database: "scmdb", selec

  • TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法小结

    本文实例讲述了TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法.分享给大家供大家参考,具体如下: 方法一: serialize() 方法通过序列化表单值,创建 URL 编码文本字符串,这个是jquery提供的方法 前端代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ajax交互</title> <script s

  • 关于Ajax异步请求后台数据进行动态分页功能

    ajax请求后台拿到json类型的数据后,可以在它的success回调方法中进行动态分页,也就是表格重绘,此时,我们需要得到的数据包括:查询得到的数据.数据总条数.总页数.当前页数,其中前三条可在后台获取,对于当前页数,需要从前端获取点击页数再通过请求传递给后台,后台做完相应处理后再传回给前端. 请看如下例子: /** * * @param page 当前页 */ function getData(page){ var schoolid = $("#schoolid option:selecte

  • 解决Ajax加载JSon数据中文乱码问题

    一.问题描述 使用zTree的异步刷新父级菜单时,服务器返回中文乱码,但项目中使用了SpringMvc,已经对中文乱码处理,为什么还会出现呢? 此处为的异步请求的配置: Java代码 async: { enable: true, url: basePath + '/sysMenu/listSysMenu', autoParam: ["id=parentId"] } SpringMvc中文字符处理: Java代码 <mvc:annotation-driven> <mvc

  • 解决ajax跨域请求数据cookie丢失问题

    前端: 以jquery为例: 需要加入 复制代码 代码如下: xhrFields: {             withCredentials: true         },         crossDomain: true, $.ajax({         type: postType,         url: url,         data: postData || '',         xhrFields: {             withCredentials: tru

  • jQuery实现分页功能（含ajax请求、后台数据、附完整demo）

    jQuery实现分页功能（含ajax请求、后台数据、附完整demo）

    需求分析 1)需要首页,末页功能 2)有点击查看上一页,下一页功能 3)页码到当前可视页码最后一页刷新页面 实现思路 也是分为三部分处理 1)点击首页,末页直接显示第一页或者最后一页内容,当前页面为第1页或者最后一页.隐藏首页或者末页按钮.demo 显示截图 首页状态 和 末页状态代码执行结果截图 2)点击可视页码截图 3)点击上一页或者下一页,,需要刷新页码状态时截图,昨天表示当前页码为7,右图是点击上一页,刷新页码时的状态 代码参数说明 <script src="js/jquery-1

  • ajax提交手机号去数据库验证并返回状态值

    本文实例为大家分享了ajax提交手机号去数据库的具体代码,并返回状态值,供大家参考,具体内容如下 <script type="text/javascript"> $(function(){ $('.agree_regi').click(function(){ var phone = $.trim($("#phone").val()); if(phone == ""){ NewAlert(2,"请输入手机号",nul

  • Vue CLI项目 axios模块前后端交互的使用(类似ajax提交)

    Vue-CLI项目-axios模块前后端交互(类似ajax提交)08.31自我总结,内容如下: Vue-CLI项目-axios前后端交互 一.模块的安装 npm install axios --save #--save可以不用写 二.配置main.js import axios from 'axios' Vue.prototype.$axios = axios; 三.使用 created() { // 组件创建成功的钩子函数 // 拿到要访问课程详情的课程id let id = this.$ro

随机推荐