`

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

 

 

 

分享到:
评论

相关推荐

    asp+jquery ajax实例源码,添加,删除,修改,分页

    综上所述,这个"asp+jquery ajax实例源码"展示了如何利用ASP作为服务器端语言处理数据,结合jQuery的AJAX功能,实现无刷新的交互体验,优化用户在添加、删除、修改和分页操作中的浏览感受。通过学习和理解这个实例,...

    jQuery动态添加删除移动列表插件

    总结来说,jQuery动态添加删除移动列表插件通过结合HTML、CSS和JavaScript,提供了用户友好的交互体验,使得用户能够动态地管理列表中的数据。这个插件对于构建数据展示、任务管理或者任何需要动态操作列表的应用...

    jQuery自定义添加删除标签代码.zip

    本项目“jQuery自定义添加删除标签代码”利用jQuery 1.9.1版本的功能,实现了用户可以自定义添加和删除标签的功能。这个功能在很多场合都非常实用,比如论坛、博客评论系统、社交媒体平台或者任何需要用户输入分类...

    JQuery DoM和ajax 操作

    通过深入理解并熟练运用jQuery的DOM操作和AJAX功能,开发者能够构建出动态、交互性强的网页应用,提升用户体验,同时减少与服务器的通信成本。在实际项目中,这些技术经常被用来实现页面局部刷新、异步提交表单、...

    jquery动态添加删除(tr/td)

    在介绍jQuery动态添加删除表格行(tr)和单元格(td)的过程中,首先需要明确的是jQuery库是JavaScript的一个快速、小巧、功能丰富的库,它简化了HTML文档遍历和操作、事件处理、动画和Ajax交互,对于Web开发人员来...

    jQuery动态添加删除分组插件

    本文将详细探讨"jQuery动态添加删除分组插件",以及如何结合用户分组和Bootstrap框架来实现高效且用户友好的界面。 首先,我们需要理解jQuery动态添加删除分组插件的核心功能。这个插件主要用于创建可动态增删的...

    Struts2+jQuery ajax的一个商品小系统

    在这个商品系统中,可能使用jQuery的Ajax功能来实现商品的添加、删除或更新,这些操作在后台处理后,只更新部分页面内容,提高用户体验。 商品系统的实现可能包括以下关键组件: 1. **数据库模型**:定义商品实体...

    Jquery Ajax动态增删改查

    3. **动态删除**:删除操作通常需要先根据用户的选择获取待删除项的ID,然后通过AJAX发送DELETE请求到服务器。成功后,使用`remove()`移除对应的DOM元素。 ```javascript // 假设id是待删除项的标识 var itemId = $...

    jQuery动态添加删除编辑标签代码.rar_forgot3w5_jQuery动态添加删除编辑标签代码_package6rz

    "jQuery动态添加删除编辑标签代码"是一个示例项目,它展示了如何利用jQuery来创建一个功能丰富的选项卡系统,这个系统支持动态添加、删除和编辑标签。下面我们将深入探讨这一主题。 首先,jQuery动态添加标签的功能...

    jquery表格动态添加删除行代码.zip

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理和Ajax交互等任务。本示例“jquery表格动态添加删除行代码”利用jQuery的强大功能,为用户提供了一个直观且用户友好的表格管理体验。这...

    jquery、ajax学习电子书.zip

    它的核心特性包括选择器(用于选取HTML元素)、DOM操作(添加、删除和修改元素)、事件处理(监听并响应用户或系统事件)以及动画(创建平滑的视觉效果)。通过学习jQuery,你可以快速地实现页面元素的选取、操作和...

    ajax 插入记录,删除记录,修改记录

    在这个主题中,我们将深入探讨如何使用Ajax进行记录的插入、删除和修改操作。 **1. Ajax的基本原理** Ajax的核心是JavaScript对象XMLHttpRequest,它允许在后台与服务器进行通信。通过创建一个XMLHttpRequest实例,...

    jQuery添加删除标签代码

    // 为新标签添加删除事件 tagElement.click(function() { $(this).remove(); }); // 清空输入框 $('#tagName').val(''); } }); // 删除标签 $('#tagPanel').on('click', '.remove', function() { $(this...

    jQuery AJAX表格控件源码

    - **反馈提示**:完成添加、编辑或删除操作后,可能需要显示消息提示用户操作结果。 - **分页**:如果数据量大,可能需要实现分页功能,这涉及到额外的AJAX请求和页面状态管理。 5. **性能优化** - **局部刷新**...

    jquery添加和删除元素

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本文将详细讲解如何使用jQuery来添加和删除元素,这在Web开发中是极为常见的需求。 首先,让我们理解...

    ajax 插入记录,修改记录,删除记录 asp.net版本 jQuery

    2. **删除记录**:删除操作通常涉及一个确认对话框,用户确认后触发Ajax请求。jQuery的`confirm()`函数可以创建这个对话框。同样,使用`$.ajax()`发送DELETE请求,ASP.NET后端处理请求并执行删除操作。 ```...

    jquery 添加、删除表格

    总之,"jquery 添加、删除表格"的主题涵盖了使用jQuery进行DOM操作的基本技能,这是前端开发者必备的技能之一。通过学习和实践这些技术,你可以更有效地构建交互式的Web界面,尤其是在处理表格数据时。

    利用jquery以及ajax实现树结构

    jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和Ajax交互。AJAX(Asynchronous JavaScript and XML)则允许我们在不刷新整个页面的情况下与服务器进行异步数据交换,从而提高用户体验。 1. **...

Global site tag (gtag.js) - Google Analytics