springboot: ajax异步提交表单
<form id="p">权限名称: <input name="name" type="text" th:value="${p}==null?'':${p.name}"> <br>URI: <input name="uri" type="text" th:value="${p}==null?'':${p.uri}"><br>权限:<input type="checkbox" id="c"> c<input type="checkbox" id="r"> r<input type="checkbox" id="u"> u<input type="checkbox" id="d"/> d<input type="text" name="id" th:value="${p}==null?'':${p.id}"><br><a class="btn btn-danger" href="javascript:smt();">提交</a>
</form><script type="text/javascript">
function smt(){var formObject = {};var data = $("#p").serializeArray();$.each(data,function(i,item){formObject[item.name] = item.value});formObject["c"] = $("#c").is(':checked');formObject["r"] = $("#r").is(':checked');formObject["u"] = $("#u").is(':checked');formObject["d"] = $("#d").is(':checked');// 提交json对象 到controllerconsole.log("data" + data);console.log("formObject" + formObject);console.log("formObject" + JSON.stringify(formObject));var url = "/boot/api/v1/manager/permission/update";// $.post(url,formObject,function(data){
// console.log(data)// })// 使用ajax异步提交,设置自定义请求头$.ajax({type : "post",url : url,contentType : "application/json" ,data : JSON.stringify(formObject),dataType : "json",success : function (msg){console.log("sucess:" +JSON.stringify(msg) )},error : function (msg){console.log("error:" + msg)}})}
</script>
springboot: ajax异步提交表单相关推荐
- 微信ajax异步提交form表单,ajax异步提交表单
前面我们一直谈 wojilu ajax framework ,已经表明了它是一个 ajax 框架.但其实客户端验证等内容几乎不涉及到 ajax 操作. 下面我们就着重看下这个框架ajax操作方面. 其 ...
- MVC之AJAX异步提交表单
第一种用法: 在MVC中,依然可以使用ajax校验,跟在WebForm中的使用时一样的,唯一的区别就是将以前的URL路劲改为访问控制器下的行为 前台 <html> <head> ...
- tp5 ajax 路由,tp5中ajax方式提交表单
用ajax提交表单,迅速,快捷,实现页面无刷新提交表单. ajax批删 姓名 年龄 地址 添加 $("#sub").click(function(){ var name = $(& ...
- ajax如何实现表单验证码,Ajax实现提交表单时验证码自动验证(原创自Zjmainstay)...
本文通过源码展示如何实现表单提交前,验证码先检测正确性,不正确则不提交表单,更新验证码. 1.前端代码 index.html 验证码提交自验证 用户名 验证码 (function($){ $(docu ...
- ajax异步提交 java_jquery ajax异步提交表单数据的方法
使用jquery的ajax方法可以异步提交表单,成功后后台返回json数据,回调函数处理,可以不用刷新页面,达到异步的目的: 处理表单的数据可以用serialize()方法进行序列化,而如果提交的数据 ...
- 如何异步提交表单 如何异步跨域提交表单
1.使用post提交方式 2.构造表单的数格式 3.结合form表单的submit调用ajax的回调函数. 代码: 使用 jQuery 异步提交表单 <html xmlns="http ...
- jQuery.Form.js 异步提交表单使用总结
jQuery.Form.js 是一个用于使用jQuery异步提交表单的插件,它使用方法简单,支持同步和异步两种方式提交. 第一步:引入jQuery与jQuery.Form.js 1 <scrip ...
- jquery 上传图片 java_jquery 异步提交表单 上传图片小例子
这次做ecshop项目用到了一些小东西,这里我就把在项目中用到的一个异步上传多个产品图片的小东西,不是多好,但是是我自己查资料搞出来的.放这里,给自己和大家一个参考,欢迎丢砖!(jquery+spri ...
- 解决使用Ajax 前台提交表单到后台,但输出为问号的中文乱码情况
解决使用Ajax 前台提交表单到后台,但输出为问号的中文乱码情况 情况如下: 在web.xml文件中已经配置了,如下的spring的Filter <filter><filter-na ...
最新文章
- php 多条数据更新数据类型,PHPdoc @param中的两个或多个数据类型
- 微信内置浏览器点击“返回”关闭窗口
- python做自动化如何定位动态元素_python-web自动化-元素定位
- 30岁之前需要知道的10个人生底线,你知道几个?
- 让你的单细胞数据动起来!|iCellR(二)
- 深度学习《各种归一化的区别》
- EC600 QuecPython下载脚本代码到开发板、设置开机自运行
- Caffe、TensorFlow、MXnet三个开源库对比+主流分类模型对比
- 第九篇 IO流技术(九)
- 机器学习基础算法20-回归曲线拟合
- 【图像去噪】基于matlab邻域+中值滤波图像去噪【含Matlab源码 961期】
- node.js的安装教程
- android 科技感动画,PPT最炫动画,3分钟学会超有科技感的扫描动画,轰动全场!...
- (附源码)Springboot工程技术研究中心小程序 毕业设计 201738
- display属性详解
- leetcode-多边形三角剖分的最低得分
- 解决小米手机安装失败(-108)错误
- 【JavaSE】Java方法练习题
- java.lang.ClassCastException: [Ljava.lang.Object; cannot be cast to [Ljava.lang.String,toArray向下转型失败
- 电路原理仿真测试软件,测试工具篇-运放测试电路仿真《TINA-TI》