源码之家

  • 首页
  • 文章
  • 问答
  • 下载
您的位置: 首页  >  文章  >  使用jqueryForm ajax提交表单

使用jqueryForm ajax提交表单

分类: 文章 • 2022-10-01 22:11:42

1:如下图form表单中

使用jqueryForm ajax提交表单


我们可以使用jqueryForm  js通过ajax异步提交上传图片

1:需要在jsp页面引入一下js

使用jqueryForm ajax提交表单


2:编写upload的方法,如下代码

function uploadPic(){
var options = {
url : "/upload/uploadPic.do",
dataType : "json",
type :  "post",
success : function(data){

$("#allImgUrl").attr("src",data.url);
$("#path").val(data.path);
}
};
$("#jvForm").ajaxSubmit(options);

}

3:以上function就是通过获取表单id来进行ajax异步提交





相关推荐

  • 使用ServletActionContext获取表单提交数据
  • 在form表单中使用div提交会有什么后果
  • 使用百度ueditor时提交表单获取不到数据
  • MVC安全:ajax表单提交切记加上AntiForgeryToken防止跨站请求伪造 (CSRF)攻击
  • asp.net mvc4 使用java异步提交form表单时出现[object object] has no method ajaxSubmit
  • dede文章addfields自定义提交表单 以及 arclist调用附加字段addfields的使用
  • ajax.BeginForm异步提交表单并显示更新数据
  • 关于ajax提交表单数据到Servlet的过程中,验证不通过刷新造成重复表单重复提交的412错误解决方案
  • Query ajax()使用serialize()提交form数据 以及如何防止中文乱码
  • 手把手教你如何使用驰骋工作流程引擎的表单设计器做数据提交前的表单验证...
  • mvc提供的ajax表单提交方法
  • ajax防止表单重复提交
    网站免责声明 网站地图 最新文章 用户隐私 版权申明
本站所有数据收集于网络,如果侵犯到您的权益,请联系网站进行下架处理。   

Copyright © 2018-2021   Powered By 源码之家    备案号:   粤ICP备20058927号