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 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);			
	}
	// ------------------------------------------------------------------------------------------------

 

 

 

你可能感兴趣的:(javascript,jquery,js,常见应用)