前端传递JSON字符串后端接收处理的解决办法
2020/9/20 1:36:53 | 阅10241 | 来源:好空间网络 [打印] [关闭] |
----------------小程序或者uniapp中----------
1:前端
specialty:简单的数组对象
qualifications:复杂的数组对象
form: { userName: '1', avatarUrl: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-youweiyanglao/3f1b05c0-f8eb-11ea-b244-a9f5e5565f30.png', birthDate: '选择出生日期', userPhone: '', sex: '男', specialty: ['人勤快', '爱干净', '干事利索'], qualifications: [{id:1},{id:2}], //选中的资质 } uni.request({ url: getApp().globalData.url+'test', data:{ 'form':JSON.stringify(this.form), }, //转字符串后发送 header:{ 'Content-type':'application/x-www-form-urlencoded; charset=utf-8' //'Content-type':'application/json;charset=utf-8' }, method: 'POST', success: (res) => { console.log(res); } })
注意1: 要把 json对象转换为 json字符串发送
JSON.stringify
注意2: 设置为表单形式
'Content-type':'application/x-www-form-urlencoded; charset=utf-8'
----------------------vue中表单中包含数组的解决办法----------------
1:先把表单的整个json对象,转为字符串后保存到obj里面
2:在发送post的时候在用qs.stringify 把obj格式化,这样后台java接收form名称 的参数即可
3:java后端接收 form 后在对form 字符串转json对象操作即可
const obj = { form: JSON.stringify(addForm) } // const result = await this.$http.post('updateCareWorker', JSON.stringify(addForm)) const result = await this.$http.post('updateCareWorker', this.$Qs.stringify(obj)) if (!result.data.status) return this.$message.error(result.data.msg) this.$message.success('编辑成功!') this.getData()
java后端接收,我这里用了fastjson库,大家可以自己下载这个
String data = request.getParameter("form");
接收前端传递过来的数据,然后把这个数据转换为json对象格式 json字符串->json对象
JSONObject jsonObject = JSON.parseObject(data); System.out.println("userName:"+jsonObject.getString("userName"));
打印结果为: 1 userName比较简单,很容易就可以打印出来,我们看看如何打印specialty这个数组
System.out.println("specialty:"+jsonObject.getString("specialty")); //这个返回的是字符串 JSONArray jsArr = JSONObject.parseArray(jsonObject.getString("specialty")); //利用 parseArray() 把字符串转换为json数组对象 System.out.println("jsArr:"+jsArr); for(int i = 0; i < jsArr.size(); i++) { //循环打印出数组 System.out.println(jsArr.get(i)); }
打印结果为正常取得:
人勤快
爱干净
干活利索
在看看如何获取复杂的数组对象 qualifications
System.out.println("qualifications:"+jsonObject.getString("qualifications")); //打印出来依然是字符串 JSONArray qualificationsArr = JSONObject.parseArray(jsonObject.getString("qualifications")); //一样的转换为数组对象 System.out.println("qualificationsArr:"+qualificationsArr); for(int i = 0; i < qualificationsArr.size(); i++) { //循环 System.out.println(qualificationsArr.getJSONObject(i).getString("id")); //以上这里要注意了 //qualificationsArr 之后要用getJSONObject(i),取得数组里面具体的对象,然后在getString("id")获取这个小对象里面的某个值 }
后端整体代码:
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub JSONObject json = new JSONObject(); response.setContentType("text/html;charset=UTF-8"); response.setCharacterEncoding("UTF-8"); request.setCharacterEncoding("UTF-8"); HttpSession session = request.getSession(true); String data = request.getParameter("form"); // String specialty = request.getParameter("specialty"); // 数组 ['a','b','c'] // String qualifications = request.getParameter("qualifications"); // 数组对象 [{id:1},{id:2}] System.out.println("data: "+data); JSONObject jsonObject = JSON.parseObject(data); System.out.println("userName:"+jsonObject.getString("userName")); System.out.println("specialty:"+jsonObject.getString("specialty")); System.out.println("qualifications:"+jsonObject.getString("qualifications")); // JSONArray specialty = new JSONArray(); // specialty=jsonObject.getString("specialty"); JSONArray jsArr = JSONObject.parseArray(jsonObject.getString("specialty")); System.out.println("jsArr:"+jsArr); for(int i = 0; i < jsArr.size(); i++) { System.out.println(jsArr.get(i)); } JSONArray qualificationsArr = JSONObject.parseArray(jsonObject.getString("qualifications")); System.out.println("qualificationsArr:"+qualificationsArr); for(int i = 0; i < qualificationsArr.size(); i++) { System.out.println(qualificationsArr.getJSONObject(i).getString("id")); } //json.put("userName", userName); //json.put("specialty", specialty); //json.put("qualifications", qualifications); //doGet(request, response); response.getWriter().append(json.toString()); }
今天在其他地方看到个好文章共享下:
package jansonDemo; import com.alibaba.fastjson.JSON; import com.alibaba.fastjson.JSONArray; import com.alibaba.fastjson.JSONObject; public class TestJSON { /** * JSON实际上也是键值对("key":"value") * key 必须是字符串,value 可以是合法的 JSON 数据类型(字符串, 数字, 对象, 数组, 布尔值或 null) * value如果是字符串,用jsonobj.getString("key")获取 * value如果是数 字,用jsonobj.getIntValue("key"),jsonobj.getFloatValue("key"),jsonobj.getInteger("key")等基本数据类型及其包装类的方法获取 * value如果是布尔值,用jsonobj.getBoolean("key"),jsonobj.getBooleanValue("key")获取 * value如果是数 组,用jsonobj.getJSONArray("key")获取 * value如果是Object对象,用jsonobj.get("key"),获取 * value如果是JSONObject对象,用jsonobj.getJSONObject("key")获取 */ /** * 该方法用于将已有的json字符串转换为json对象,并取出该对象中相应的key对应的value值 * 将已有的字符串转换成jsonobject,用JSON.parseObject(jsonStr)方法 * json中只要是{}就代表一个JSONObject,[]就代表一个JSONArray * 获取JSONObject对象用JSONObject jsonobject.getJSONObject("key")方法 * 获取JSONArray对象用JSONObject jsonobject.getJSONArray("key")方法 */ private static void strWritedToJSONObject() { //以下是一个json对象中嵌套一个json子对象 String myJsonObj = "{\n" + " \"name\":\"runoob\",\n" + " \"alexa\":10000,\n" + " \"sites\": {\n" + " \"site1\":\"www.runoob.com\",\n" + " \"site2\":\"m.runoob.com\",\n" + " \"site3\":\"c.runoob.com\"\n" + " }\n" + "}"; JSONObject jsonobj = JSON.parseObject(myJsonObj); //将json字符串转换成jsonObject对象 /***获取JSONObject中每个key对应的value值时,可以根据实际场景中想得到什么类型就分别运用不到的方法***/ System.out.println(jsonobj.get("name")); //取出name对应的value值,得到的是一个object System.out.println(jsonobj.getString("name")); //取出name对应的value值,得到的是一个String System.out.println(jsonobj.getIntValue("alexa")); //取出name对应的value值,得到的是一个int System.out.println(jsonobj.get("sites")); //取出sites对应的value值,得到的是一个object System.out.println(jsonobj.getString("sites")); System.out.println(jsonobj.getJSONObject("sites")); //取出sites对应的value值,得到一个JSONObject子对象 System.out.println(jsonobj.getJSONObject("sites").getString("site2")); //取出嵌套的JSONObject子对象中site2对应的value值,必须用getJSONObject()先获取JSONObject /** * 以下是一个json对象中包含数组,数组中又包含json子对象和子数组 */ String myJsonObj2 = "{\n" + " \"name\":\"网站\",\n" + " \"num\":3,\n" + " \"sites\": [\n" + " { \"name\":\"Google\", \"info\":[ \"Android\", \"Google 搜索\", \"Google 翻译\" ] },\n" + " { \"name\":\"Runoob\", \"info\":[ \"菜鸟教程\", \"菜鸟工具\", \"菜鸟微信\" ] },\n" + " { \"name\":\"Taobao\", \"info\":[ \"淘宝\", \"网购\" ] }\n" + " ]\n" + "}"; JSONObject jsonobj2 = JSON.parseObject(myJsonObj2); //将json字符串转换成jsonObject对象 System.out.println(jsonobj2.get("sites")); System.out.println(jsonobj2.getString("sites")); System.out.println(jsonobj2.getJSONArray("sites")); //取出sites对应的value值,得到一个JSONOArray对象 //System.out.println(jsonobj2.getJSONObject("sites")); 不能用该方法,因为sites是一个JSONOArray对象 //取出json对象中sites对应数组中第一个json子对象的值 System.out.println(jsonobj2.getJSONArray("sites").getJSONObject(0)); //得到结果:{"name":"Google","info":["Android","Google 搜索","Google 翻译"]} System.out.println(jsonobj2.getJSONArray("sites").get(0)); System.out.println(jsonobj2.getJSONArray("sites").getString(0)); //取出json对象中sites对应数组中第一个json子对象下面info对应的嵌套子数组值 System.out.println(jsonobj2.getJSONArray("sites").getJSONObject(0).getJSONArray("info")); //得到结果:["Android","Google 搜索","Google 翻译"] //取出json对象中sites对应数组中第一个json子对象下面info对应的嵌套子数组中第二个值 System.out.println(jsonobj2.getJSONArray("sites").getJSONObject(0).getJSONArray("info").getString(1)); //得到结果:Google 搜索 //依次取出json对象中sites对应数组中的值 JSONArray array = jsonobj2.getJSONArray("sites"); getJsonArrayItem(array); //依次取出json对象中sites对应数组中第二个json子对象下面info对应的嵌套子数组值 JSONArray arr = jsonobj2.getJSONArray("sites").getJSONObject(1).getJSONArray("info"); getJsonArrayItem(arr); } /** * 手动添加对象到一个JSONObject */ private static void writeStrToJSONObject() { JSONObject jsonObject = new JSONObject(); jsonObject.put("name","tom"); jsonObject.put("age",20); JSONArray jsonArray = new JSONArray(); JSONObject jsonArrayObject1 = new JSONObject(); jsonArrayObject1.put("name","alibaba"); jsonArrayObject1.put("info","www.alibaba.com"); JSONObject jsonArrayObject2 = new JSONObject(); jsonArrayObject2.put("name","baidu"); jsonArrayObject2.put("info","www.baidu.com"); jsonArray.add(jsonArrayObject1); jsonArray.add(jsonArrayObject2); jsonObject.put("sites",jsonArray); System.out.println(jsonObject); } /** * 将字符串转为JSONArray */ private static void strToJsonArray() { String arrayStr = "[\n" + " {\n" + " \"name\":\"alibaba\",\n" + " \"info\":\"www.alibaba.com\"\n" + " },\n" + " {\n" + " \"name\":\"baidu\",\n" + " \"info\":\"www.baidu.com\"\n" + " }\n" + " ]"; JSONArray array = JSON.parseArray(arrayStr); System.out.println(array); } /** * 依次取出JSONArray中的值 */ private static void getJsonArrayItem(JSONArray array) { for (int i=0; i<array.size(); i++) { System.out.println(array.get(i)); } } //测试类 public static void main(String[] args) { strWritedToJSONObject(); //writeStrToJSONObject(); //strToJsonArray(); } }