前端传递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());
	}




今天在其他地方看到个好文章共享下:



1.png


2.png

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();
    }

}


此文章出处:https://www.cnblogs.com/janson071/p/9646678.html

经营许可证ICP:皖B2-20100052 公司邮箱:zcdnsz@jspkongjian.net
Copyright © 2004-2015, 安徽好空间网络科技有限公司 版权所有 , 本站素材部分来源于网络,如有侵权请告知删除。