求高手解决为啥springmvc，提交表单不能用ajx，怎么办给个例子啊谢谢

Question

springmvc表单图片

Answer 1

ajaxSubmit 不是标准的jquery函数， 有个插件可以这么做，对应的js有引入么？  再者ajaxSubmit 的方法入参应该是一个options， 定义ajax设置（url、data、回调函数）。所以你的写法目测是错的

Answer 2

我用的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>

Answer 3

$(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);
          });
已经解决

Answer 4

ajaxSubmit 这种提交表单方式是jquery插件提供的
这和你用什么框架没有什么必要关联
如果不进action
1.对应的js没有引入
2.action的路径有错
3.ajaxSubmit提交方法可能有错
下面这种方法也不会有任何问题,我用的也是springmvc 里面也有上传的功能
 
$("#uploadForm'").ajaxSubmit({
     type: "post",
    url: url,
    dataType: "json",
    success: function (data) {
         $('#uploadImgPath1').val(data); 
         }
    });

Answer 5

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("保存失败!");
}
});
}

Answer 6

最近我也遇到了这个问题，不过我已经解决了，我把代码发给你给你参考一下吧！
//在这之前必须先引入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);
              }
           }
       });

Answer 7

除了  ajaxFileUpload   外   还有个插件  uploadify   也可以很好的实现Ajax图片上传uploadify   还可以局部刷新，展示你上传的图片