Java筆記-ajax傳值(POST)

//所有筆記都來源網絡,都自己編碼成功過的
//如有錯誤歡迎指正,如有更優解歡迎討論

前端:

<script>
			jQuery.support.cors = true;
			$(function() {
				$("#findByWid").click(function() {
					$.ajax({
						type: "post",
						url: "http://127.0.0.1:8080/workshop/findByWid",
						async: true,
						dataType: "json",               
						data: {
							"wid": 1,
							"wname": "usfsfgkje"
						},
						crossDomain: true, //跨域
						success: function(result) {
							alert(result.wid);
						},
					});
				});
			});
</script>

後端:用@RequestParam接收參數,返回回去的是json格式的字符串
可以傳JSONObject的字符串:

@PostMapping("/workshop/findByWid")
    public String findByWid(@RequestParam Integer wid,@RequestParam String wname) throws JSONException {
        System.out.println(wid);
        System.out.println(wname);  
        JSONObject jsonObject=new JSONObject();
        jsonObject.put("wid", 2333);
        return jsonObject.toString();
    }

也可以傳jsonArray的字符串

@PostMapping("/workshop/findByWid")
    public String findByWid(@RequestParam Integer wid, @RequestParam String wname) throws JSONException {
        System.out.println(wid);
        System.out.println(wname);
        JSONObject jsonObject1 = new JSONObject();
        JSONObject jsonObject2 = new JSONObject();
        JSONArray jsonArray = new JSONArray();
        jsonObject1.put("wid", 111);
        jsonObject1.put("wname", "111name");
        jsonObject2.put("wid", 222);
        jsonObject2.put("wname", "222name");
        jsonArray.put(jsonObject1);
        jsonArray.put(jsonObject2);
        System.out.println(jsonArray.toString());
        return jsonArray.toString();
    }

jsonArray的字符串:
在這裏插入圖片描述
前端接收參數就該改成:(相當於list)
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章