1. 程式人生 > >servlet返回json陣列給jsp,jsp接受json陣列彈出顯示

servlet返回json陣列給jsp,jsp接受json陣列彈出顯示

後端servlet程式碼 ,返回json陣列到前端

        //查詢出reader一條資料
        Reader reader = readerService.getOneReader(reaReaderNum);
		PrintWriter out=resp.getWriter();
//		List<Reader> readerList = new ArrayList<Reader>();
//		readerList.add(reader);
		//將note物件集合轉成json陣列(靜態方法)	
		JSONArray json = JSONArray.fromObject(reader);
		String json_str = json.toString();	
		System.out.println(json_str);
		out.print(json_str);		
		out.flush();		
		out.close();	

這是控制檯列印的 ,我們取reaAge的值在前臺彈出為例

 

 前端ajax回撥函式接受json陣列,彈出屬性值

        $.ajax({
			url:'<%=path %>/ReaderServlet?method=readerEdit&reaReaderNum='+reaReaderNum,
			type: 'POST',
			dataType: 'json',
			success:function(data){
				alert(data[0].reaAge);
			}  
		});

彈出顯示 

好了,資料獲取到了,接下來把他放進input框裡面

$("#reaAge").val(data[0].reaAge)