2 qq 38564147 qq_38564147 于 2017.09.05 10:24 提问

用ajax提交表单(或直接表单提交),想要刷新本页面不跳转(表单提交里有文件上传)

用ajax提交表单(或直接表单提交),想要刷新本页面不跳转(表单提交里有文件上传)

9个回答

qq_38494537
qq_38494537   Rxr 2017.09.05 10:31
Small_Mouse0
Small_Mouse0   Rxr 2017.09.05 10:33

试试

window.location.reload();

srjzh
srjzh   2017.09.05 10:35

指定文件名:

上传文件: p>

ajax方式提交(不刷新页面):
function doUpload() {

var formData = new FormData($( "#uploadForm" )[0]);

$.ajax({

url: 'http://localhost:8080/cfJAX_RS/rest/file/upload' ,

type: 'POST',

data: formData,

async: false,

cache: false,

contentType: false,

processData: false,

success: function (returndata) {

alert(returndata);

},

error: function (returndata) {

alert(returndata);

}

});

}

srjzh
srjzh   2017.09.05 10:36
 <form id= "uploadForm">  
      <p >指定文件名: <input type="text" name="filename" value= ""/></p >  
      <p >上传文件: <input type="file" name="file"/></ p>  
      <input type="button" value="上传" onclick="doUpload()" />  
</form>  
srjzh
srjzh   2017.09.05 10:37

ajax方式提交,刚才的写错了

 function doUpload() {  
     var formData = new FormData($( "#uploadForm" )[0]);  
     $.ajax({  
          url: 'http://localhost:8080/cfJAX_RS/rest/file/upload' ,  
          type: 'POST',  
          data: formData,  
          async: false,  
          cache: false,  
          contentType: false,  
          processData: false,  
          success: function (returndata) {  
              alert(returndata);  
          },  
          error: function (returndata) {  
              alert(returndata);  
          }  
     });  
}  
srjzh
srjzh 回复Beamon__: 是的,页面不会刷新
11 个月之前 回复
Beamon__
Beamon__ 这种方式是通过ajax的局部刷新特点来实现上传文件的同时不刷新全部页面吗?
11 个月之前 回复
taosuzhan
taosuzhan   2017.09.05 10:39

表单

                ajax写法

                     var formData = new FormData(document.getElementById("form"));
                $.ajax({
                    url : "后台地址",
                    type : 'POST',
                    data : formData,
                    dataType : "json",
                    async : false,
                    cache : false,
                    contentType : false,
                    processData : false,
                    success : function(returndata) {
                        window.location.href = "/backstages/apps";
                    }
                })

                后台接收文件   百度很多 找一下就可以
qq_36929461
qq_36929461   2017.09.05 11:34

你问的问题,百度太多,资料成熟的很

sj18182656342
sj18182656342   2017.09.05 14:02

文件上传 和 保存 数据到 数据库 是连个相对独立的模块 当做有一个事务 处理ajax 局部ajax刷新操作 即可

caihuan19890113
caihuan19890113   2017.10.25 11:16

ajax 返回值后,alert对应的信息,再加一句 window.location.reload(); 或者直接window.location.href();跳转到你要返回的页面;

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
怎么让Form提交表单当前页面刷新不跳转
Form提交表单页面不跳转 target="id_iframe"> 本文地址: http://www.ablanxue.com/prone_18450_1.html
提交表单不刷新当前页面
使用ajax上传文件方法 众所周知ajax是使用了浏览器内部的XmlHttpRequest对象来传输XML数据的。既然是Xml的数据传输,那么传输的数据肯定是文本的,而文件上传则需要传输二进制的数据,显然用ajax是不可能的。 这里要说的是用ajax上传文件其实只是类似ajax的那种操作,实际上并没有用到xmlhttprequest对象,对于用户来说是不管使用的什么技术,他们要的是流程简
Ajax提交Form表单页面仍会刷新问题
搞了半天原来点击提交按钮 少加了个type="button"  原来是        结果怎么弄都会刷新页面,加上就好了
前端的坑-提交表单页面自动刷新
遇到的问题        最近一段时间需要用到jsp加上ajax局部的刷新页面,本来并不是一个比较复杂的功能,但是却遇到了比较大的问题,问题的具体情况是每当局部刷新之后页面就会自动刷新,然后就又回到了没有刷新前的状态,这让人感觉很坑爹啊!排查问题        有问题了,当然是要首先排查代码了,看了无数次的代码,都没发现会导致页面自动刷新的情况,让人十分苦恼。         然后的话,就想着难道
无刷新提交form表单
无刷新提交form表单
form表单提交后 停留当前界面面 不刷新 的处理方式
最近写了个上传图片的功能  但发现上传成功后当前页面会刷新,上传的操作界面会消失,后通过如下方法 ,停留在选择图片的界面:                                                                                                 关闭
实现ajax提交表单,页面不跳转
表单代码 <form id="save" class="form-horizontal" role="form" method="post" action="${request.getContextPath()}/yuyue/saveBingli.do">
springMVC提交form表单页面不跳转
在初学springMVC时,做一个简单的登录功能,登录成功后跳转到成功页面。 最初我使用ajax方式提交表单,浏览器调试查看response结果,显示已经成功,但是浏览器不跳转 后来使用form表单提交,则成功进行跳转
js实现表单提交后不重新刷新当前页面,并停留在当前页面
原文:http://www.cnblogs.com/limeiky/p/5599705.html 如何实现表单提交后不重新刷新当前页面       当我点击保存提交FORM表单后,如何让当前页面维持不变(即不刷新当前页)? 在FORM表单后添加一个iframe     点保存提交事件里面需要将target改为iframe的名字:
JQuery -AJAX- html中提交表单并实现不跳转页面处理返回值
本文中实现在html中使用jQuery的组件实现表单提交并在当前页面中处理返回值。 1、使用AjaxForm方式 (1)、导入js文件      需要导入相关的js文件。使用ajaxForm方式需要使用到jquery和jquery-form两个js文件。如: [html] view plain copy  print?