码迷,mamicode.com
首页 > Web开发 > 详细

后台前台json传递数据的方式两种方式 $.get, $.getJSON

时间:2016-08-19 09:54:20      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:

第一种getJSON方式:

前台调用:

<td><input type="text"  class="t" id="edutitle"   value="${e.edutitle }"  onChange="showElement(this,‘${e.id }‘)">   </td> 	

function showElement(element,id){
       $.getJSON("/portal/edu/updateEdu?id="+id+"&item="+element.id+"&value="+element.value,function(data){
		if("success"==data.result){
			window.location.reload();
		 }
		else{ 
			alert("Update Error!");
		}
	  });
}

 

后台处理

@RequestMapping("/updateEdu")
	public String updateEdu(Long id,String item,String value,HttpServletResponse response){
		//String result = "{\"result\":\"success\"}";
		eduService.updateById(id,item,value);
		
		JSONObject data = new JSONObject();
		try {
			data.put("result", "success");
		} catch (Exception e) {
			System.out.println(e.getMessage());
		}
		
		
		PrintWriter out = null;
		response.setCharacterEncoding("UTF-8");
		response.setContentType("text/html; charset=UTF-8"); 
	    try {
	    	out=response.getWriter();
	        out.write(data.toString());
	        return null;
	    } catch (IOException e) {
	        e.printStackTrace();
	    }
	    out.flush();
		out.close();	
		return "redirect:/edu/getEduList";
	}

 

 

另一种get方式

前台调用

<td width="10px" rowspan="2"> <img border="0" width="15" height="15" src="<%=basePath %>/style/images/del.png" onClick="javascript:del(‘${e.id }‘)" /></td>  

 function del(id){			  
		if(confirm("Are you sure to delete this item?")){
			$.get("/portal/edu/delEdu?id="+id,function(data){
			  if("success"==data.result){
					alert("Delete Done!");
					window.location.reload();
			  }
			  else{
				    alert("Error!");
			  }
		});
}else{
	return;
 }
}

 

后台处理i

@RequestMapping("/delEdu")
	public void delEdu(Long id,HttpServletResponse response){
		String result2 = "{\"result\":\"success\"}";
		eduService.delete(id);
		PrintWriter out = null;
	    response.setContentType("application/json");
	    try {
	    	out=response.getWriter();
	        out.write(result2);
	    } catch (IOException e) {
	        e.printStackTrace();
	    }	   
	}	

 

后台前台json传递数据的方式两种方式 $.get, $.getJSON

标签:

原文地址:http://www.cnblogs.com/wujixing/p/5786313.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!