Ajax 提交json格式数据给后台
Ajax 提交json格式数据
在实际的开发当中,尤其是在前后端分离的项目中,传输数据都是以json格式进行传输的,所以对于json格式数据的情求和响应的学习十分重要。
1、前端提交json格式数据
前端一般是通过 Ajax 进行表单提交
- 设置ajax的contentType属性
contentType:application/json
- data属性提交的数据就需要是json格式的
data:'{"did":"","dname":"'+dname+'"}'
具体实现代码:
<script type="text/javascript">$(function () {$('#btn_add').click(function () {//js发送请求var dname= $('#add_dname').val()console.info(dname)$.ajax({url:'${path}/deptv3/add',async:true,data:'{"did":"","dname":"'+dname+'"}',type:"post",contentType:"application/json;charset=UTF-8",success:function (result) { //js接收结果if(200==result.code){alert(result.msg) //js更新页面//刷新列表}},error:function () {alert('服务问题,请求失败')}});})})</script>
2、后端接收json格式数据并响应json格式数据
- 1)设置@RequestMapper注解中的参数
consume=application/json
- 2)在传入参数的位置使用
@RequestBody
注解,将接收的json格式数据转换为Object - 3)在映射方法上添加
@ResponsBody
注解 - 在使用这些注解的时候需要在application Context.xml文件中配置注解驱动
<mvc:annotation-driven/>
- 在pom.xml文件中加入jackson依赖
- 代码
@Controller
@RequestMapping("/deptv3")
public class DepartmentV3Controller {private static final Logger l = LoggerFactory.getLogger(DepartmentV3Controller.class);@AutowiredIDepartmentService iDepartmentService;@RequestMapping(path="/addUI",method = RequestMethod.GET)public String addUI(){return "add_dept";}@RequestMapping(path="/add",method = RequestMethod.POST,consumes = "application/json")public @ResponseBody Object add(@RequestBody Department dept){//{did:0,dname:IOS}l.info("add dept="+dept);try {iDepartmentService.saveDepartment(dept);return Result.init(200,"添加成功",null);} catch (Exception e) {e.printStackTrace();}return Result.init(-200,"添加失败",null);}
}
Ajax 提交json格式数据给后台相关推荐
- jquery ajax 提交json格式数据
某些系统后台必须传json数据,所以需要使用如下格式设置 $.ajax({url: "/login",data: JSON.stringify({"username&qu ...
- Ajax 发送json格式数据以及发送文件(FormData)和自带的序列化组件: serializers
前后端传输数据的编码格式(contentType) get请求数据就是直接放在url?后面的 url?usernmae=junjie&password=123... 可以向后端发送post请求 ...
- html+form+提交json数据,form表单提交json格式数据
我的实践整理.java 方式一: 发送数据web $(':submit').on('click',function(){ $.ajax({ url:"buy", type:&quo ...
- form表单提交json格式数据
参考自 jQuery实现ajax提交form表单(可以是提交json),用springmvc接收.图文详解 个人实践整理. 方式一: 发送数据 <script type="applic ...
- ajax的几种格式,jQuery-----jQuery的几种ajax获取json格式数据的方法
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 后台将对象转换成json格式的字符串 public StringBuilder DataSetToJson(DataSet ds) {//把**中的数据转 ...
- Android 如何通过Retrofit提交Json格式数据
本文将介绍如何通过retrofit库post一串json格式的数据.首先post的json数据格式如下: {"Id": "string","Devic ...
- mvc ajax post json数据,springmvc解决ajax post json格式数据的跨域问题
前言:今天解决js跨域,搞了一下午,呜呜,以下是我整理的一些解决方法. Paste_Image.png JsonTest click me var jsonData = JSON.stringify( ...
- ajax传json格式数据
$.ajax({url:"",data:JSON.stringify(data),dataType:"json",contentType : "app ...
- http提交json格式数据自动加\
magic_quotes_gpc 设置为 OFF 1. 对于PHP magic_quotes_gpc=on的情况, 我们可以不对输入和输出数据库的字符串数据作addslashes()和stripsla ...
最新文章
- 156万在校大学生!中国高校第一城诞生
- flutter 获取定位_Flutter 实现高德定位
- Java使用代理服务器
- vue 监听浏览器页面关闭_前方高能,这是最新的一波Vue实战技巧,不用则已,一用惊人...
- 使用微软VS2015编写python代码
- android 修改 选择壁纸来源,修改android选择壁纸来源列表
- STM32L476入坑-1
- 【ArcGIS Server】切片时C盘空间不足(本地缓存目录空间不足)
- 用循环制作乘法口诀表
- 基因数据处理54之bwa-mem运行paird-end(1千万条100bp的reads)
- 使用微信小程序控制ESP8266(麦克纳姆轮)智能车
- 多旋翼无人机组合导航系统-多源信息融合算法附Matlab代码
- 劲爆!有人不用深度学习做强AI?道翰天琼认知智能机器人平台API接口大脑为您揭秘
- zookeeper添加ip白名单
- 深度学习--基于队列的数据随机载入
- android8关机界面,修改android 的关机界面
- 狂神。Mybatis学习。
- 随机事件的关系及运算
- 解禁联想浏览器禁用的网址的方法
- 爬取猫眼票房保存在MySQL_Scrapy爬取猫眼电影并存入MongoDB数据库