关闭

正确的前端传后台json方式

标签: jsonstruts
7660人阅读 评论(0) 收藏 举报
分类:

DEMO:

var data=JSON.stringify({"page": {"pagenow": 1,"pagesize": 20},"file":{"name":"jpg"},"catalogs":[{"id":1},{"id":2}]});
        $.ajax({
            type:"POST",
            url:"//访问的url",
            data:data,
            contentType:"application/json", 
            success:function(data){
                //显示数据
            }
        });

注意:

一、contentType

contentType,可以是application/x-www-form-urlencoded这种默认类型的,不过当后台有struts等框架的话,会在action之前拦截请求,并把request body 里面的值都读出来,导致我们不能再request里面读取到值,只能依赖struts的domain model
所有如果有后台用这种机制的话,那就需要更改contentType:application/json,这样子strust就不会拦截请求了

二、stringify和parseJSON

这两种方法不能乱用,一不小心的话就会导致后台解析不了数据,正确的用法在上面。
stringify是将Json转义,parseJSON是将json去除转义并解析成对象
总结

前端传后台json,应该传字符串过去,不能传Object对象,而且要适当指定contentType

查看原文:
http://139.129.55.235/2016/05/30/%e6%ad%a3%e7%a1%ae%e7%9a%84%e5%89%8d%e7%ab%af%e4%bc%a0%e5%90%8e%e5%8f%b0json%e6%96%b9%e5%bc%8f/

2
0
查看评论

【JSON】JSON在前端和后端传递

前后台最最传统的交互方式就是表单交互,然后用request.setAttribute方法设置结果,渲染jsp,然而随着前台界面的复杂程度的提高,或者是使用了某些前端框架(sigmagrid)越来越多的界面会使用异步方式提交数据。那么这个过程大致是什么样的? 后端:我们假定使用的是java语言 前...
  • u010900754
  • u010900754
  • 2016-05-13 15:39
  • 11663

前端JSON传入后台解析

data =[{optionId:"1",topicId:"2"},{optionId:"2",topicId:"3"},{optionId:"3",topicId:"4"}] ...
  • qq_36934544
  • qq_36934544
  • 2018-01-09 14:08
  • 63

Json数据的前端与服务器之间的传递

后台建议使用Gson源码包,该开源包提供了将object类型数据转化为json数据格式,功能极其强大。 如图:我是用Gson将map转为json数据,发送给前台 在前端获得json数据需要将其转为js对象即可取值,如图
  • Lee_Ho_
  • Lee_Ho_
  • 2017-06-07 12:55
  • 579

web中用ajax传递json数据到后台

个人笔记,不喜欢勿评论 今天学习了一下如何使用ajax传递json数据到后台 1、首先需要导入几个json的jar包; 2、开始写代码      前端代码: <% String path = request.getCon...
  • u013086006
  • u013086006
  • 2016-05-19 15:09
  • 11415

$.post传JSON到后台及接收方法

日前同事问及我jquery 传送JSON数据到后台,后台该如何接收的问题,经多方查阅,总结出了以下方法: 前台要用到json2.js和jquery.js 后台要用到json.jar。 在前端要将传的JSON数据使用JSON.stringify(这里是json数据)转化成字符串,后台调用impo...
  • cilwfvip
  • cilwfvip
  • 2013-02-26 11:32
  • 58512

JSON格式传递数据使用方法(JS和JAVA)

一、传值页面 1、var retVal = JSON.parse("{}");//定义一个json 2、在retVal内注入两个值 retVal .aa= 'aaStr'; retVal .bb= 'bbStr'; 3、使用JS...
  • q542928492
  • q542928492
  • 2015-02-02 15:49
  • 33161

页面传递Json对象,后台解析

使用的组件 前台组件:json2.js  来自 http://www.json.org/js.html 后台组件:json-lib-2.2.2-jdk15.jar 前台代码 1 通过页面生成json对象列表,然后转换成字符串 // 生成json对象 转字符串 functio...
  • metecyu
  • metecyu
  • 2014-09-03 15:30
  • 5502

由json字串生成json对象时的转义问题

----------------------------------------------------------------------------------------- 转义字符(\)对JavaScript中JSON.parse的影响概述 作者: 字体:[增加 减小] ...
  • ROBOTECH_ER
  • ROBOTECH_ER
  • 2014-10-19 09:49
  • 65660

json前后台传输String的处理

一。将前台传入的json字符串进行处理 private List convertJStringToList(String SDemandObjs) { JSONObject jsonObj = new JSONObject(SDemandObjs); JSONA...
  • tomatoFIREegg
  • tomatoFIREegg
  • 2017-06-14 14:44
  • 190

Java运用JSON实现后台与前端分工合作(代码实例)

一、前言       最近在写我们实验室网站内部交流平台,后台架构用的Spring + SpringMVC + Mabatis(数据库框架)整合框架,作为后台人员,与数据库交互、处理业务逻辑已经驾轻就熟,但与前端合作就显得不是那么熟练了。 举一个小例子,一...
  • zhangliangzi
  • zhangliangzi
  • 2015-12-06 20:31
  • 6921
    个人资料
    • 访问:47808次
    • 积分:1132
    • 等级:
    • 排名:千里之外
    • 原创:63篇
    • 转载:2篇
    • 译文:0篇
    • 评论:2条
    友情链接
    文章分类
    最新评论