当前位置: 代码迷 >> J2EE >> 求高手解决为啥springmvc,提交表单不能用ajx,怎么处理给个例子啊多谢
  详细解决方案

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

热度:15   发布时间:2016-04-17 23:38:26.0
求高手解决为啥springmvc,提交表单不能用ajx,怎么办给个例子啊谢谢

$(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 表单提交的,还是不可以
------解决思路----------------------
ajaxSubmit 不是标准的jquery函数, 有个插件可以这么做,对应的js有引入么?  

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

所以你的写法目测是错的
------解决思路----------------------
ajaxSubmit 这种提交表单方式是jquery插件提供的
这和你用什么框架没有什么必要关联
如果不进action
1.对应的js没有引入
2.action的路径有错
3.ajaxSubmit提交方法可能有错
下面这种方法也不会有任何问题,我用的也是springmvc 里面也有上传的功能
 

$("#uploadForm'").ajaxSubmit({
     type: "post",
    url: url,
    dataType: "json",
    success: function (data) {
         $('#uploadImgPath1').val(data); 
         }
    });

------解决思路----------------------


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



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

------解决思路----------------------
除了  ajaxFileUpload   外   还有个插件  uploadify   也可以很好的实现Ajax图片上传

uploadify   还可以局部刷新,展示你上传的图片
  相关解决方案