2 qq 38564147 qq_38564147 于 2017.09.05 10:24 提问

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

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

9个回答

qq_38494537
qq_38494537   2017.09.05 10:31
Small_Mouse0
Small_Mouse0   Ds   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__: 是的,页面不会刷新
2 个月之前 回复
Beamon__
Beamon__ 这种方式是通过ajax的局部刷新特点来实现上传文件的同时不刷新全部页面吗?
2 个月之前 回复
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
上传中...
上传图片
插入图片