其实做web大家都明白,每一个语言或者框架都有自己的代码风格,但是要做到各项全能又的都去熟悉他们,所以是个很麻烦的事情,我也一直苦恼着这样一种开发模式
随着开发时间的增长,我感觉自己越来越喜欢用html+json+jquery+ajax做开发了,因为它能作为web通用的开发,如:ASP、Jsp、PHP、Dijango、Ruby on Rails 等
从而使得可移植性也变强了,以下是我写的一个用户增加、修改、删除操作
- 添加操作
//------------------------------------------------------------------------------------------------
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功能,实现无刷新的交互体验,优化用户在添加、删除、修改和分页操作中的浏览感受。通过学习和理解这个实例,...
总结来说,jQuery动态添加删除移动列表插件通过结合HTML、CSS和JavaScript,提供了用户友好的交互体验,使得用户能够动态地管理列表中的数据。这个插件对于构建数据展示、任务管理或者任何需要动态操作列表的应用...
本项目“jQuery自定义添加删除标签代码”利用jQuery 1.9.1版本的功能,实现了用户可以自定义添加和删除标签的功能。这个功能在很多场合都非常实用,比如论坛、博客评论系统、社交媒体平台或者任何需要用户输入分类...
通过深入理解并熟练运用jQuery的DOM操作和AJAX功能,开发者能够构建出动态、交互性强的网页应用,提升用户体验,同时减少与服务器的通信成本。在实际项目中,这些技术经常被用来实现页面局部刷新、异步提交表单、...
在介绍jQuery动态添加删除表格行(tr)和单元格(td)的过程中,首先需要明确的是jQuery库是JavaScript的一个快速、小巧、功能丰富的库,它简化了HTML文档遍历和操作、事件处理、动画和Ajax交互,对于Web开发人员来...
本文将详细探讨"jQuery动态添加删除分组插件",以及如何结合用户分组和Bootstrap框架来实现高效且用户友好的界面。 首先,我们需要理解jQuery动态添加删除分组插件的核心功能。这个插件主要用于创建可动态增删的...
在这个商品系统中,可能使用jQuery的Ajax功能来实现商品的添加、删除或更新,这些操作在后台处理后,只更新部分页面内容,提高用户体验。 商品系统的实现可能包括以下关键组件: 1. **数据库模型**:定义商品实体...
3. **动态删除**:删除操作通常需要先根据用户的选择获取待删除项的ID,然后通过AJAX发送DELETE请求到服务器。成功后,使用`remove()`移除对应的DOM元素。 ```javascript // 假设id是待删除项的标识 var itemId = $...
"jQuery动态添加删除编辑标签代码"是一个示例项目,它展示了如何利用jQuery来创建一个功能丰富的选项卡系统,这个系统支持动态添加、删除和编辑标签。下面我们将深入探讨这一主题。 首先,jQuery动态添加标签的功能...
在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理和Ajax交互等任务。本示例“jquery表格动态添加删除行代码”利用jQuery的强大功能,为用户提供了一个直观且用户友好的表格管理体验。这...
它的核心特性包括选择器(用于选取HTML元素)、DOM操作(添加、删除和修改元素)、事件处理(监听并响应用户或系统事件)以及动画(创建平滑的视觉效果)。通过学习jQuery,你可以快速地实现页面元素的选取、操作和...
在这个主题中,我们将深入探讨如何使用Ajax进行记录的插入、删除和修改操作。 **1. Ajax的基本原理** Ajax的核心是JavaScript对象XMLHttpRequest,它允许在后台与服务器进行通信。通过创建一个XMLHttpRequest实例,...
// 为新标签添加删除事件 tagElement.click(function() { $(this).remove(); }); // 清空输入框 $('#tagName').val(''); } }); // 删除标签 $('#tagPanel').on('click', '.remove', function() { $(this...
- **反馈提示**:完成添加、编辑或删除操作后,可能需要显示消息提示用户操作结果。 - **分页**:如果数据量大,可能需要实现分页功能,这涉及到额外的AJAX请求和页面状态管理。 5. **性能优化** - **局部刷新**...
在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本文将详细讲解如何使用jQuery来添加和删除元素,这在Web开发中是极为常见的需求。 首先,让我们理解...
2. **删除记录**:删除操作通常涉及一个确认对话框,用户确认后触发Ajax请求。jQuery的`confirm()`函数可以创建这个对话框。同样,使用`$.ajax()`发送DELETE请求,ASP.NET后端处理请求并执行删除操作。 ```...
总之,"jquery 添加、删除表格"的主题涵盖了使用jQuery进行DOM操作的基本技能,这是前端开发者必备的技能之一。通过学习和实践这些技术,你可以更有效地构建交互式的Web界面,尤其是在处理表格数据时。
jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和Ajax交互。AJAX(Asynchronous JavaScript and XML)则允许我们在不刷新整个页面的情况下与服务器进行异步数据交换,从而提高用户体验。 1. **...