天天看點

jquery ajax 添加删除操作

其實做web大家都明白,每一個語言或者架構都有自己的代碼風格,但是要做到各項全能又的都去熟悉他們,是以是個很麻煩的事情,我也一直苦惱着這樣一種開發模式 

随着開發時間的增長,我感覺自己越來越喜歡用html+json+jquery+ajax做開發了,因為它能作為web通用的開發,如:ASP、Jsp、PHP、Dijango、Ruby on Rails 等 

進而使得可移植性也變強了,以下是我寫的一個使用者增加、修改、删除操作
           
  1. 添加操作   
//------------------------------------------------------------------------------------------------
function user_add(){//添加使用者
//	data :{ip:''+ip+'',type:''+type+'',owner:''+owner+''}
	var arr=$('form').serialize();
	$.ajax({url : 'user_add.do',type : 'post',data : arr,dataType : 'text',timeout : 10000,error : function() {
		alert('資料添加失敗!');
	},
	success : function(data) {
		if(data==1){
			alert('注冊成功!');				
		}else{
			alert('注冊失敗!');
		}
					
	}
});

}

//------------------------------------------------------------------------------------------------
           

   2.删除操作 

//-----------------------------------------------------------------------------------------
function user_del(obj){//删除使用者
//	data :{ip:''+ip+'',type:''+type+'',owner:''+owner+''}
//	var arr=$('form').serialize();
	$.ajax({url : 'user_del.do',type : 'post',data : {name:''+obj.alt+''},dataType : 'text',timeout : 10000,error : function() {
		alert('del data failure!');
	},
	success : function(data) {
		$('#msg').text('').show();
		var reg=confirm("您确認是否要删除該資料?")
		if(reg==true){
			if(data==1){
				$('#msg').text('【消息通知】:使用者編号為【'+obj.alt+'】的使用者已經删除!').fadeOut(5000);
				get_json();	
			}else{
				$('#msg').text('【消息通知】:使用者編号為【'+obj.alt+'】的使用者删除失敗!').fadeOut(5000);
			}			
		}
	}
});
}
//------------------------------------------------------------------------------------------
           
// ------------------------------------------------------------------------------------------------
	@RequestMapping(value = "get.do", method = RequestMethod.POST)
	public void demo(ModelMap model,HttpServletRequest req,HttpServletResponse rsp) throws Exception {
		String name=req.getParameter("query");
		UserDao ud=new UserDao();
		ArrayList<User> list=ud.getAll();
		Gson gson=new Gson();
		String listToJson = gson.toJson(list);
		
		//下面就是把存有查詢結果的JSON對象返給頁面  
		rsp.setContentType("text/html;charset=utf-8");  
		PrintWriter out = rsp.getWriter();  
		out.println(listToJson);  
//		System.out.println(listToJson);			
	}
	// ------------------------------------------------------------------------------------------------      

繼續閱讀