1、後臺從資料庫中獲取資料，傳遞到response中

這一步折騰了我一整天，不知道是因為沒有傳遞到response中還是其他的原因，在前臺獲取的data，使用alert(data)輸出的一直為空值或null
有兩種方式可以實現這一步。一是利用註解@ResponseBody,二是利用PrintWriter。最終我是通過@ResponseBody成功完成了這一步，而不知道為什麼利用PrintWriter總是寫不成功，具體的原因我後面再研究研究吧。下面來介紹下這兩種實現方式：

（1）@ResponseBody，即將方法返回值寫到response物件中，程式碼如下：

<span style="font-family:Comic Sans MS;">        @RequestMapping("/addAction.do")
	<strong>@ResponseBody//將返回結果寫到response中</strong>
	public String save(HttpServletRequest request,HttpServletResponse response,Model model,@RequestParam(value="photo",required=false)MultipartFile fi           ledata) throws IllegalArgumentException, IllegalAccessException{
		 //PrintWriter out=null;
		if(filedata!=null&&!filedata.isEmpty()){
			//獲取圖片的檔名
			String fileName=filedata.getOriginalFilename();
			//獲取圖片的副檔名
			String extensionName=fileName.substring(fileName.lastIndexOf(".")+1);
			//新的圖片名=獲取時間戳+"."圖片副檔名
			String newFileName=String.valueOf(System.currentTimeMillis())+"."+extensionName;
			System.out.println(picUrl);
			//將圖片上傳到伺服器
			//saveFile(newFileName,filedata);
			saveFile(fileName,filedata);
			//將圖片名稱儲存至資料庫
			 //photoService.insert(fileName);
		}

		
		JSONArray jsonArray=new JSONArray();
		for(int i=10;i<30;i++){
			Photo p=photoService.getPhotoById(new BigDecimal(i));
			jsonArray.add(p);
		}
		
		//獲取單個json物件
		/*JSONObject json=null;
		Photo p1=photoService.getPhotoById(new BigDecimal(3));
		json=JSONObject.fromObject(p1);*/
		<strong>return jsonArray.toString();</strong>
	}</span>
 

<span style="font-family:Comic Sans MS;">commons-lang.jar
commons-beanutils.jar
commons-collections.jar
commons-logging.jar 
ezmorph.jar
json-lib-2.2.2-jdk15.jar</span>

<span style="font-family:Comic Sans MS;">                <!-- json依賴的jar包 -->
		<dependency>
		<groupId>net.sf.json</groupId>
		<artifactId>json-lib</artifactId>
		<version>2.2.2</version>
		</dependency>
		
		<dependency>
		<groupId>commons-beanutils</groupId>
		<artifactId>common-beanu</artifactId>
		<version>1.0</version>
		</dependency>
		
		<dependency>
		<groupId>commons-collections</groupId>
		<artifactId>commons-collections</artifactId>
		<version>3.2.1</version>
		</dependency>
		
		<dependency>
		<groupId>commons-logging</groupId>
		<artifactId>commons-logging</artifactId>
		<version>1.1.1</version>
		</dependency>
		
		<dependency>
		<groupId>commons-lang</groupId>
		<artifactId>commons-lang</artifactId>
		<version>2.1</version>
		</dependency>
		
		<dependency>
		<groupId>ezmorph</groupId>
		<artifactId>ezmorph</artifactId>
		<version>1.0.6</version>
		</dependency></span>
 

<span style="font-family:Comic Sans MS;">                 response.setCharacterEncoding("UTF-8");
		 response.setHeader("Cache-Control", "no-cache");  
		 response.setContentType("application/json");
		 PrintWriter out=null;
		 try {
			out=response.getWriter();
			out.print(json.toString());
			out.flush();
			out.close();
		} catch (IOException e) {
			e.printStackTrace();
		}</span>

2、前臺獲取獲取後臺傳遞的json資料，利用jquery的ajax,程式碼如下：

<span style="font-family:Comic Sans MS;">        function photo(){
	var val;
	$.ajax({
		async:false,
		type:'get',//get是獲取資料，post是帶資料的向伺服器傳送請求
		url:'addAction.do',
		dataType:'json',
		success:function(data){
			val=eval(data);//轉換成js物件
			alert(val[2].name);
			alert(data);
		},
		error:function(data){
			alert("JSON資料獲取失敗，請聯絡管理員！");
		}
	});
}</span>

3、將json字串解析為js物件，獲取物件的相關值

<span style="font-family:Comic Sans MS;">val=eval(data);//轉換成js物件
alert(val[2].name);這一行程式碼便可以獲取對應的name值。</span>