实现JSON+JDBC的简单操作(以显示对象为例)

创建表demo

里面有属性ID 和 name

主要的index.jsp代码:

index.jsp

<%@ page import="Dao.BaseDao" %>
<%@ page import="service.DemoDaoService" %>
<%@ page import="service.DemoDaoServiceImpl" %>
<%@ page import="pojo.Demo" %><%--
  Created by IntelliJ IDEA.
  User: admin
  Date: 2019/10/17
  Time: 14:01
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<script type="text/javascript" src=js/jquery.min.js></script>
<html>
<head>
    <title>测试</title>
    <%
        DemoDaoService demoDaoService = new DemoDaoServiceImpl();
        Demo demo = demoDaoService.getObj(1);
    %>
    <script>

        $(function () {


            var id = <%=demo.getId()%>;
            var name = "<%=demo.getName()%>";
            // $("#a").click(function () {
            $.ajax({
                type: "Get",
                dataType: "text",
                url: "UserServlet",
                data: {"id":id,"name":name},
                success: function(data){
                    document.getElementById("b").innerHTML = data;
                },
                error: function(msg){
                    alert("请联系客户")
                }
            })
            // })

        })
        <%--function loadjsonObj() {--%>

        <%--    var demo = {"id":<%=demo.getId()%>,"name":<%=demo.getName()%>};--%>
        <%--    document.getElementById("jsonObj").innerHTML = "ID:"+demo.id+"<br/>"+"姓名:"+demo.name;--%>

        <%--}--%>

    </script>
</head>
<body>


<div id="b"></div>
</body>
</html>