package com.iss.servlet;
import org.json.JSONException;
import org.json.JSONObject;
import com.iss.pojo.User;
import com.iss.util.JSONUtil;
public class UserServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=utf-8");
//list 添加对象
List<User> userList = new ArrayList<User>();
User user1 = new User("张三", "男", "18");
User user2 = new User("李四", "男", "19");
User user3 = new User("王五", "男", "20");
userList.add(user1);
userList.add(user2);
userList.add(user3);
PrintWriter out = response.getWriter();
String str = null;
try {
//帐号密码如果匹配则把list 返回给界面
if (request.getParameter("userName").equals("jquery")
&& request.getParameter("password").equals("ajax")) {
str = JSONObject.quote(JSONUtil.toJSONString(userList));
}
out.print(str);
} catch (JSONException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
System.out.println("str "+str);
out.flush();
out.close();
}
}
// jsp
<body>
帐号 jquery 密码 ajax
<form id="mainform">
<ul>
<li>
帐号
<input type="text" name="userName" />
</li>
<li>
密码
<input type="password" name="password" />
</li>
<li>
<input onclick="login()" type="button" value="登录" />
</li>
</ul>
</form>
查询到的数据
<div id="diva">
</div>
<script type="text/javascript">
function login(){
//获取form的参数
var args =$("#mainform").serialize();
//调用 jquery 的json获取方法
//三个参数分别为 ：请求路径 ，请求参数，返回数据的回调函数
$.getJSON("servlet/UserServlet",args,function (data){
if(data!=null){
// 界面返回的是一个json格式字符串 调用JSON.parse()把数据转化为json
// 格式的对象
var jsondata =JSON.parse(data);
parseData(jsondata);
}else{
alert("帐号密码输入有误");
}
})
}
function parseData(data){
var str="";
//遍历json格式数据
for (var key in data){
strstr =str+" 用户"+data[key].userName+" 年龄"+data[key].age+"<br/>"
alert(str);
}
//把数据添加到div中
$("#diva").html(str);
}
</script>
</body>
分享到：
相关推荐
资源名称：J2EE中JSON Jquery_AJAX应用 中文PDF版内容简介：本文档主要讲述的是J2EE中JSON Jquery_AJAX应用；主要是描述使用JSON JQuery_AJAX实现页面动态加载与页面表单数据的异步保存。首先页面通过调用JQuery_...
jQuery_Ajax_全解析，对jQuery_Ajax的全面解析，让你更快速的掌握着两门技术
**jQuery与AJAX** jQuery是JavaScript的一个库，它极大地简化了JavaScript的使用，尤其是在处理DOM操作、事件处理和Ajax交互方面。jQuery的核心理念是“Write Less, Do More”，即用更少的代码实现更多的功能。 ...
《jQuery_AJAX评论asp版：构建动态交互的网页评论系统》 在现代网页开发中，用户互动性是提升用户体验的重要一环，评论系统作为网页互动的重要组成部分，常常被广泛应用于博客、论坛、新闻网站等各类平台。jQuery_...
在J2EE开发中，JSON（JavaScript Object Notation）和JQuery_AJAX的结合使用是实现页面动态加载和异步数据交互的关键技术。JSON是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。JQuery_...
本项目“jquery_ajax_php_三级联动.rar”显然关注的是如何利用这些技术实现一个三级联动的效果，这是一种常见的交互设计，常用于下拉菜单、地区选择等场景，让用户能够按层次逐级选择。下面我们将详细探讨这些知识点...
jQuery_ajax 课件
在现代Web开发中，jQuery和AJAX技术常常被结合使用以实现无刷新页面交互，显著提升用户体验。"jQuery_AJAX 无刷新评论"的功能，就是利用这两种技术实现在不重新加载整个网页的情况下，动态更新评论区内容。下面将...
**jQuery_Ajax_全解析(非常实用的开发参考)** 在Web开发中，jQuery与Ajax是两个不可或缺的技术，它们极大地简化了JavaScript中的DOM操作和异步数据交互。本解析将深入探讨jQuery的Ajax功能，帮助开发者更好地理解和...
Struts2、Spring3、iBatis2.3和jQuery_AJAX1.7是经典的Java Web开发技术栈，它们各自扮演着不同的角色，构建出高效、灵活的应用系统。Struts2是一个MVC（Model-View-Controller）框架，负责处理用户请求并控制应用...
总结起来，"Jquery_Ajax_Struts2_Action_JSP_Json"的示例展示了如何利用jQuery的Ajax功能与Struts2框架相结合，通过JSON数据格式在客户端和服务器端之间进行高效的数据交换，从而实现无刷新的页面更新，提升Web应用...
在本次的分析中，我们将讨论的主题是"jquery_ajax_table_php"，其中涉及的关键技术知识点包括jQuery的AJAX操作、JSON数据处理、表单序列化以及PHP后端数据处理。 首先，我们从jQuery开始。jQuery是一个快速、小巧且...
标题“SSH2_jQuery_Ajax_Register2”暗示了这是一个关于使用SSH2（Spring、Struts2和Hibernate）框架，结合jQuery和Ajax技术实现用户注册功能的项目或教程。在这个项目中，开发者可能详细讲解了如何整合这些技术来...
在AJAX应用中，jQuery的`.ajax()`方法简化了发送异步请求的过程，可以轻松地与服务器进行数据交互。此外，它还提供了一套完整的API来处理响应，例如通过`.done()`、`.fail()`和`.always()`处理成功、失败和完成回调...
**jQuery、Ajax与JSON全解析** 在Web开发中，jQuery、Ajax和JSON是不可或缺的工具，它们共同构建了现代网页的动态交互体验。本解析将深入探讨这三个概念及其相互关系。 **jQuery：简化JavaScript操作** jQuery是...
语言程序设计资料：jQuery_Ajax全解析.doc
**MVC_TIP5：JQuery_AJAX错误捕获** 在Web开发中，MVC（Model-View-Controller）模式是一种广泛采用的设计模式，它将应用程序分为模型、视图和控制器三个部分，以实现良好的代码组织和职责分离。在这个话题中，我们...