1、servlet部分
@WebServlet("/index") public class IndexServlet extends HttpServlet { /** * */ private static final long serialVersionUID = 1L; protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("application/x-javascript;charset=UTF-8"); PrintWriter out = response.getWriter(); TableServer server = new TableServer(); List<Table> models = server.getAllTables(); if (models != null && models.size() > 0) { //构造json对象 StringBuffer json = new StringBuffer(); json.append("["); for (Table model : models) { json.append('{'); json.append("people:").append(model.getPeople()).append(","); json.append("status:").append(model.getTable_status()).append(","); json.append("tableName:").append("'").append(model.getTable_name().trim()).append("'"); json.append("},"); } json.deleteCharAt(json.length() - 1); json.append("]"); out.println(json.toString()); out.close(); } else { out.println("[{id:0,name:''}]"); out.close(); } } }
2、前台页面解析
var url="index"; $.get(url, null, function(data){ var objs=eval("("+data+")"); //解析json对象 for(var i=0;i<objs.length;i++){ upTables = addTable(objs[i].people,upTables,c_index,objs[i].tableName,objs[i].status); } });
3、table对象
public class Table { final static int MAX_PEOPLE = 12; final static int MIN_PEOPLE = 2; private int table_id; private int table_status; private int people; public String getTable_name() { return table_name; } public void setTable_name(String table_name) { this.table_name = table_name; } private String table_name; public int getTable_id() { return table_id; } public void setTable_id(int tableId) { table_id = tableId; } public int getTable_status() { return table_status; } public void setTable_status(int tableStatus) { table_status = tableStatus; } public int getPeople() { return people; } public void setPeople(int people) { this.people = people; } }
相关推荐
在这个"Java+Servlet+Jquery+Json基础示例"中,我们可以看到如何将这四种技术融合在一起创建一个Web应用。首先,用户通过前端界面(HTML+CSS+Jquery)发送Ajax请求,Jquery负责包装和发送这些请求,通常是以Json格式...
博客链接(https://lzj0470.iteye.com/blog/368021)可能会提供一个具体的示例,展示如何在实际项目中实现Ajax与Servlet、JSON的集成。在这个例子中,开发者可能详细讲解了创建Ajax请求、配置Servlet、处理请求、...
用Ext写一个登陆界面,登陆完后进入一个...用Servlet发送请求,Json数据也是JS通过Servlet请求从数据库中读取显示在Grid表格中。例子比较简单,但方法很明朗。 代码没有经过处理,可能有些乱,但思路还是比较清晰的。
在本示例中,JSON被用作Servlet与前端JQuery之间传输数据的桥梁。Servlet在后台处理请求,将级联数据转化为JSON格式,然后通过HTTP响应发送到前端。 JQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理、...
4. **示例代码**:可能包含了前端jQuery代码和后端Servlet代码的实例,展示如何实现完整的数据交互流程。 5. **错误处理**:在数据传输过程中可能出现的问题,如网络异常、JSON解析错误等,及其处理方法。 由于没有...
在"ajax+servlet+jquery+jsp示例"中,我们看到的是一个使用Ajax实现前后台交互的经典应用场景。 1. **jQuery的Ajax函数**:jQuery是一个流行的JavaScript库,它简化了JavaScript的许多操作,包括Ajax请求。在这个...
4. 处理响应:Servlet处理完数据后,应返回一个JSON或XML响应,包含操作结果(例如,成功或失败信息)。JavaScript函数接收到响应后,根据结果更新页面状态,比如显示错误消息或成功提示。 5. 数据库操作:如果用户...
在这个购物车示例中,Servlet扮演了后台处理的角色,接收JSP页面发送的请求(如添加商品),处理这些请求,更新购物车状态,并可能返回新的页面或者JSON数据。 **JavaBean** 是符合一定规范的Java类,通常用于封装...
标签“源码”表明可能会涉及具体的代码示例,而“工具”可能指的是jQuery、servlet和Gson等工具的使用。在实际开发中,为了调试和优化,开发者可能会使用Chrome开发者工具或Firefox的Developer Edition等浏览器工具...
在本文中,我们将深入探讨如何使用Servlet、JSP和Ajax技术实现一个完整的增删改查...这个示例项目"Servlet+jsp+AJax的分页及增删改查"提供了一个学习和实践这些技术的平台,有助于深入理解和掌握Web开发中的关键概念。
$.getJSON("<%=basePath%>servlet/jsonSvlt", {}, function(data) { for (var i = 0; i ; i++) { alert(data[i].name + " " + data[i].age); } }); } ``` - **处理返回的JSON数据**: 当Ajax请求成功后,...
在IT行业中,构建Web应用程序是常见的任务,而“ExtJS4+JSON+Servlet(Struts2)实现登录验证”是一个典型的前端与后端交互的场景。这个主题涉及到几个关键的技术点,我们将逐一深入探讨。 首先,ExtJS4是一个流行的...
前端使用AJAX发送请求到后端Servlet,Servlet处理请求后返回JSON或XML格式的数据,前端再将这些数据渲染到页面上。这种方式使得页面无需刷新就能更新数据,提升了用户体验。 6. **JSON格式**:在现代Web应用中,...
在本示例中,我们探讨的是如何利用EasyUI前端框架,结合Ajax、JSON以及Servlet技术来构建一个用户登录注册的简单动态网页应用。这个“easyui+ajax+json+servlet实现用户登录注册简单demo”旨在为初学者提供一个理解...
这个简单的示例展示了Struts2、JSON和JQuery在实际应用中的协作方式。通过Struts2处理业务逻辑和验证,JSON作为数据交换格式,JQuery在客户端进行交互和验证,可以构建出响应快速、用户体验良好的Web应用。理解并...
android端和servlet端使用JSON交换数据信息的简单小例子,部分代码在JSP环境下实现,搞过Java WEB开发(JSP)的程序员,应该对Servlet不陌生,Json目前也是流行技术,所以说这个例子将Android、Json、Servlet三者结合...
【标题】"服务端(json+servlet+access)与Android客户端" 涉及的主要知识点是构建基于JSON数据格式、Servlet技术以及Access数据库的服务器端,以及如何与Android客户端进行交互。这一主题涵盖了一系列的开发技术和...
它简化了Java Servlet和JSP的开发,提供了一种组织和管理Web应用的方式。在CRUD操作中,Struts2接收前端请求,调用相应的Action类执行业务逻辑,然后通过Result将处理结果转发到视图。 3. **EXT**:EXT(通常指EXT ...
在Android应用与服务器通信时,Servlet通常作为中间层,接收Android客户端发送的HTTP请求,进行业务逻辑处理,如数据验证、计算等,并通过JSP生成相应的HTML或JSON响应,回传给客户端。 MySQL是广泛使用的开源关系...
在这个例子中,我们创建了一个`UserDataServlet`,当用户访问`/userData`路径时,Servlet会创建一个`User`对象并将其转换为JSON字符串。然后,Servlet通过`HttpServletResponse`的`getWriter`方法将JSON数据写入响应...