後台前台json傳遞資料的方式兩種方式 $.get, $.getJSON

標籤：

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