springmvc提交表单不能用ajx,怎么办

J2EE 码拜 10年前 (2015-04-09) 1008次浏览 0个评论

$(function () {
  alert(“ss”);
          //异步上传图片
          $(“#btnUpload”).click(function () {
              if ($(“#url”).val() == “”) {
                  alert(“请选择一个图片文件,再点击上传。”);
                  return;
              }
              alert(“1”);
              $(“”#uploadForm””).ajaxSubmit(function(data) {
       alert(“”Form submit succeeded! Server returned: “” + data);
                      });
          });
      });

}
这是jquery  form 表单提交的,还是不可以

springmvc提交表单不能用ajx,怎么办
我纠结文件上传也好长时间了···貌似目前主流浏览器都不支持js上传本地文件了
springmvc提交表单不能用ajx,怎么办
10分
ajaxSubmit 不是标准的jquery函数, 有个插件可以这么做,对应的js有引入么?  

再者ajaxSubmit 的方法入参应该是一个options, 定义ajax设置(url、data、回调函数)。

所以你的写法目测是错的

springmvc提交表单不能用ajx,怎么办
不可以,报什么错误呢。
springmvc提交表单不能用ajx,怎么办
引用 1 楼 qq455893891 的回复:

我纠结文件上传也好长时间了···貌似目前主流浏览器都不支持js上传本地文件了

我用的springmvc,不支持Ajax post提交,所以用的jquery的form提交,但是没进后台方法,是不是哪里写错了?
一下是要提交的form表单
<form id=”uploadForm” action=”${pageContext.request.contextPath }/admin/common/o_upload_image.do” method=”post” enctype=”multipart/form-data” target=”hiddenIframe” style=”display:none;width:0px;height:0px;”>
<span id=”fileContent”> </span>
<input id=”ufWidth” type=”hidden” name=”zoomWidth” />
<input id=”ufHeight” type=”hidden” name=”zoomHeight”/>
<input id=”uploadNum” type=”hidden” name=”uploadNum”/>
<input id=”ufFileName” type=”hidden” name=”fileName” />

</form>

springmvc提交表单不能用ajx,怎么办
$(function () {
          //异步上传图片
           $(“#btnUpload”).click(function () {
              if ($(“#url”).val() == “”) {
                  alert(“请选择一个图片文件,再点击上传。”);
                  return;
              }
               });
               var options = {
                         url:””${pageContext.request.contextPath }/admin/common/o_upload_image.do””,
                         dataType: “”text””,
                        success: function(data) {
                        $(“”#uploadImgPath1″”).val(data); 
                       }
                      };
              $(“”#uploadForm””).ajaxSubmit(options);
          });
已经解决
springmvc提交表单不能用ajx,怎么办
10分
ajaxSubmit 这种提交表单方式是jquery插件提供的
这和你用什么框架没有什么必要关联
如果不进action
1.对应的js没有引入
2.action的路径有错
3.ajaxSubmit提交方法可能有错
下面这种方法也不会有任何问题,我用的也是springmvc 里面也有上传的功能
 

$("#uploadForm""").ajaxSubmit({
     type: "post",
    url: url,
    dataType: "json",
    success: function (data) {
         $(""#uploadImgPath1"").val(data); 
         }
    });
springmvc提交表单不能用ajx,怎么办
10分
function saveUser(){
		$("#userForm").ajaxSubmit({
			url:basePath + "boss/user/requirement/complex/confirm.htm",
			type:""post"",
			dataType:""json"",
			success:function(data){
				if(data.result==0){
						alert("转到----"+data.assignUser+"---的后台~");
		        },
			error:function() {
				alert("保存失败!");
			}
		});
	}


springmvc提交表单不能用ajx,怎么办
10分
最近我也遇到了这个问题,不过我已经解决了,我把代码发给你给你参考一下吧!

//在这之前必须先引入js
 <script type="text/javascript"
    src="${path}/apps_res/mattersApplication/js/fileUpload/ajaxfileupload.js"></script>

$.ajaxFileUpload({
           url: ""${pageContext.request.contextPath}/form/fieldDesign.do?method=conditionFileSave"", //用于文件上传的服务器端请求地址
           secureuri: false, //是否需要安全协议,一般设置为false
           fileElementId:""fileId"", //文件上传域的ID,<input type="file" id="fileId">
           dataType:""json"",//返回的数据类型
           success:function(data,status){
            for(var i in data){
              var name=data[i].name;
               $("input:hidden[name="""+name+"""]").val(data[i].value);
              }
           }
       });
springmvc提交表单不能用ajx,怎么办
10分
除了  ajaxFileUpload   外   还有个插件  uploadify   也可以很好的实现Ajax图片上传

uploadify   还可以局部刷新,展示你上传的图片


CodeBye 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明springmvc提交表单不能用ajx,怎么办
喜欢 (0)
[1034331897@qq.com]
分享 (0)

文章评论已关闭!