码迷,mamicode.com
首页 > 数据库 > 详细

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

时间:2019-10-17 15:40:33      阅读:76      评论:0      收藏:0      [点我收藏+]

标签:load   index   代码   cli   users   --   ide   hid   alert   

技术图片

 

 创建表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>

 

主要注意的部分:

技术图片

 

 

由于<%=demo.?%>

里面得到的值只能用 var来接收   而name是字符串 

这里的字符串转换要注意:  可以使用"<%%>"   将其包住 当然如果有更好的方法请在下面评论指出

 

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

标签:load   index   代码   cli   users   --   ide   hid   alert   

原文地址:https://www.cnblogs.com/bichen-01/p/11692175.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!