Hiberinate+json+jsp+jquery+ajax+mysql小项目

最新推荐文章于 2022-06-27 10:28:17 发布

日出么么哒

最新推荐文章于 2022-06-27 10:28:17 发布

阅读量873

点赞数

分类专栏： ajax 文章标签： mysql ajax jquery ajax json

本文链接：https://blog.csdn.net/sinat_37109615/article/details/53956299

版权

ajax 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一,项目环境:

系统;windows7

JDk版本:jdk1.7

开发工具:myeclipse 8.6.1

jquery:2.03

数据库:mysql5.7

二,项目效果:

点击"获取信息",得到json传入的值和数据库值

三/项目流程:

1/配置Hibernate的环境,并生成数据库users表的Bean类Users.java

数据库users表如图:

2.导入json包和jquery包如图:

3/页面代码:

数据库操作代码SqlDao.java:

package it.hua.dao;
import it.hua.factory.HibernateSessionFactory;
import java.util.ArrayList;
import java.util.List;
import org.hibernate.Query;
import org.hibernate.Session;


public class SqlDao {

    public static List getAll(){
    List list=new ArrayList();
      //获取Session对象
    Session s=HibernateSessionFactory.getSession();
      //创建查询
    Query q=s.createQuery("from Users");
    list=q.list();
    return list;
    }
public static void main(String[] args) {
// TODO Auto-generated method stub


}
}

jsp页面 index.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
  
  <script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
  </head>
  <body>
   <input type="submit" id="sub" value="获取信息"/>
   <table border="1" id="t">
   </table>
   <script type="text/javascript" src="js/js.js"></script>
  </body>
</html>

jquery 页面js.js:

$("#sub").click(function(){
$.ajax({
    type:"post",
    url:"servlet/ajaxSer",
    dataType:"json",
    data:{
"name":"james",
"age":"23"
    },
    success:function(data){
    $("#t").append("<tr><td>json传入的值:</td><tr>");
    $("#t").append("<tr><td>姓名</td><td>年龄</td><tr>");
      //data[0]里存储的是map对象
    $("#t").append("<tr><td>"+data[0].xname+"</td><td>"+data[0].xage+"</td><tr>");
        $("#t").append("<tr><td>数据库传入的值:</td><tr>");
    $("#t").append("<tr><td>姓名</td><td>密码</td><tr>");
       //data[1]里存储的是list1对象
$.each(data[1],function(i,obj){
if(i>=0&i<=2){
$("#t").append("<tr><td>"+obj.uname+"</td><td>"+obj.upwd+"</td></tr>");
}
});
}
});
});

servlet端代码ajaxSer.java:

public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {

		response.setContentType("text/html");
		PrintWriter out = response.getWriter();
		String name=request.getParameter("name");
		String age=request.getParameter("age");
	    List list=new ArrayList();
		Map map=new HashMap();
		map.put("xname", name);
		map.put("xage",age);
		list.add(map);
	    List list1=new ArrayList();
		list1=SqlDao.getAll();
		list.add(list1);
		JSONArray json=JSONArray.fromObject(list);
		//out.print(name);
		out.print(json);
		out.flush();
		out.close();
	}

日出么么哒

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
3
评论
Hiberinate+json+jsp+jquery+ajax+mysql小项目

一,项目环境:系统;windows7JDk版本:jdk1.7开发工具:myeclipse 8.6.1jquery:2.03数据库:mysql5.7二,项目效果:点击"获取信息",得到json传入的值和数据库值三/项目流程:1/配置Hibernate的环境,并生成数据库users表的Bean类Users.java数据库users表如图:
复制链接

扫一扫