zoukankan      html  css  js  c++  java
  • 后台前台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();
    	    }	   
    	}	
    
  • 相关阅读:
    Wedge 100-32X 100GbE Data Center Switch
    openstack参考资料
    进程调度
    进程管理 之 基本概念
    Linux设备驱动程序 之 中断和锁
    Linux设备驱动程序 之 工作队列
    Linux设备驱动程序 之 tasklet
    Linux设备驱动程序 之 软中断
    Linux设备驱动程序 之 中断下半部
    Linux设备驱动 之 中断处理程序
  • 原文地址:https://www.cnblogs.com/wujixing/p/5786313.html
Copyright © 2011-2022 走看看