第一种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