1 add.jsp代码

<%@ page language="java" pageEncoding="UTF-8"%>

<HTML>

    <HEAD>

        <meta http-equiv="Content-Language" content="zh-cn">

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <LINK href="${pageContext.request.contextPath}/css/Style1.css" type="text/css" rel="stylesheet">

        <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.11.3.min.js"></script>

        <script type="text/javascript">

            $(function(){

                //页面加载完毕后异步获得分类数据

                $.post(

                    "${pageContext.request.contextPath }/admin?method=findAllCategory",

                    function(data){

                        //[{"cid":"xxx","cname":"xxx"},{},{}]

                        //拼接多个<option value=""></option>

                        var content="";

                        for(var i=;i<data.length;i++){

                            content += "<option value='"+data[i].cid+"'>"+data[i].cname+"</option>";

                        }

                        $("#cid").html(content);

                    },

                    "json"

                );

            });

        </script>

    </HEAD>

    <body>

        <!--  -->

        <form id="userAction_save_do" name="Form1" action="${pageContext.request.contextPath}/adminProduct_save.action" method="post" enctype="multipart/form-data">

            &nbsp;

            <table cellSpacing="1" cellPadding="5" width="100%" align="center" bgColor="#eeeeee" style="border: 1px solid #8ba7e3" border="0">

                <tr>

                    <td class="ta_01" align="center" bgColor="#afd1f3" colSpan="4"

                        height="26">

                        <strong><STRONG>添加商品</STRONG>

                        </strong>

                    </td>

                </tr>

                <tr>

                    <td width="18%" align="center" bgColor="#f5fafe" class="ta_01">

                        商品名称：

                    </td>

                    <td class="ta_01" bgColor="#ffffff">

                        <input type="text" name="pname" value="" id="userAction_save_do_logonName" class="bg"/>

                    </td>

                    <td width="18%" align="center" bgColor="#f5fafe" class="ta_01">

                        是否热门：

                    </td>

                    <td class="ta_01" bgColor="#ffffff">

                        <select name="is_hot">

                            <option value="1">是</option>

                            <option value="0">否</option>

                        </select>

                    </td>

                </tr>

                <tr>

                    <td width="18%" align="center" bgColor="#f5fafe" class="ta_01">

                        市场价格：

                    </td>

                    <td class="ta_01" bgColor="#ffffff">

                        <input type="text" name="market_price" value="" id="userAction_save_do_logonName" class="bg"/>

                    </td>

                    <td width="18%" align="center" bgColor="#f5fafe" class="ta_01">

                        商城价格：

                    </td>

                    <td class="ta_01" bgColor="#ffffff">

                        <input type="text" name="shop_price" value="" id="userAction_save_do_logonName" class="bg"/>

                    </td>

                </tr>

                <tr>

                    <td width="18%" align="center" bgColor="#f5fafe" class="ta_01">

                        商品图片：

                    </td>

                    <td class="ta_01" bgColor="#ffffff" colspan="3">

                        <input type="file" name="upload" />

                    </td>

                </tr>

                <tr>

                    <td width="18%" align="center" bgColor="#f5fafe" class="ta_01">

                        所属分类：

                    </td>

                    <td class="ta_01" bgColor="#ffffff" colspan="3">

                        <select id="cid" name="cid">

                        </select>

                    </td>

                </tr>

                <tr>

                    <td width="18%" align="center" bgColor="#f5fafe" class="ta_01">

                        商品描述：

                    </td>

                    <td class="ta_01" bgColor="#ffffff" colspan="3">

                        <textarea name="pdesc" rows="5" cols="30"></textarea>

                    </td>

                </tr>

                <tr>

                    <td class="ta_01" style="WIDTH: 100%" align="center"

                        bgColor="#f5fafe" colSpan="4">

                        <button type="submit" id="userAction_save_do_submit" value="确定" class="button_ok">

                            确定

                        </button>

                        <FONT face="宋体">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</FONT>

                        <button type="reset" value="重置" class="button_cancel">重置</button>

                        <FONT face="宋体">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</FONT>

                        <INPUT class="button_ok" type="button" onclick="history.go(-1)" value="返回"/>

                        <span id="Label1"></span>

                    </td>

                </tr>

            </table>

        </form>

    </body>

</HTML>

2 AdminServlet代码

package www.test.web.servlet;

import java.io.IOException;

import java.util.List;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import com.google.gson.Gson;

import www.test.domain.Category;

import www.test.service.AdminService;

public class AdminServlet extends BaseServlet {

    // 1 页面加载完毕后异步获得分类数据

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

        //提供一个List<Category>转成json字符串

        AdminService service = new AdminService();

        List<Category> categoryList = service.findAllCategory();

        //将List<Category>转换成json格式

        Gson gson = new Gson();

        String json = gson.toJson(categoryList);

        //解决乱码并写出

        response.setContentType("text/html;charset=UTF-8");

        response.getWriter().write(json);

    }

}

3 AdminService代码

package www.test.service;

import java.sql.SQLException;

import java.util.List;

import www.test.dao.AdminDao;

import www.test.domain.Category;

public class AdminService {

    // 获取分类

    public List<Category> findAllCategory() {

        AdminDao dao = new AdminDao();

        try {

            return dao.findAllCategory();

        } catch (SQLException e) {

            e.printStackTrace();

            return null;

        }

    }

}

4 AdminDao代码

package www.test.dao;

import java.sql.SQLException;

import java.util.List;

import org.apache.commons.dbutils.QueryRunner;

import org.apache.commons.dbutils.handlers.BeanListHandler;

import www.test.domain.Category;

import www.test.utils.C3P0Utils;

public class AdminDao {

    // 获取分类

    public List<Category> findAllCategory() throws SQLException {

        QueryRunner qr = new QueryRunner(C3P0Utils.getDataSource());

        String sql = "select * from category";

        return qr.query(sql, new BeanListHandler<Category>(Category.class));

    }

}

案例36-商品添加页面类别ajax显示的更多相关文章

  1. 案例19-页面使用ajax显示类别菜单

    1 版本一 版本只能在首页显示类别,当切换到了其它页面就不会显示 1 web层IndexServlet代码 package www.test.web.servlet; import java.io.I ...

  2. JAVAEE——宜立方商城09：Activemq整合spring的应用场景、添加商品同步索引库、商品详情页面动态展示与使用缓存

    1. 学习计划 1.Activemq整合spring的应用场景 2.添加商品同步索引库 3.商品详情页面动态展示 4.展示详情页面使用缓存 2. Activemq整合spring 2.1. 使用方法 ...

  3. 页面进行ajax时 显示一个中间浮动loading

    先发效果图,加载东西的时候如果没有设计或者其它提示会降低用户体验,所以写了个简单的loading弹层. 适用于触屏和pc页面. /* 页面进行ajax时 显示一个中间浮动loading @auther ...

  4. layui页面操作，点击一个添加页面，跳转有确定，然后点击确定后将选择的几个数据返回前一个页面获取值，然后ajax请求后台

    custUserIndex.html [添加页面代码] <!DOCTYPE html> <html> <head> <meta charset="u ...

  5. jsp页面通过ajax取值/展示数据及分页显示

    jsp页面通过ajax从后台获取数据,在页面展示,并实现分页效果代码: [JavaScript部分代码] 1 <script> function getComposition(pageno ...

  6. JS 返回上一页并刷新，但不用重新加载整个页面（ajax实现）

    需求 有三个页面A.B.C,点击A=>B,点击B=>C,在C中添加内容,点击确定返回到B,此时B页面需重新加载新的内容.再次点击B的返回按钮,希望返回到A而不是C. ===== 2017/ ...

  7. 第04项目：淘淘商城(SpringMVC+Spring+Mybatis)【第九天】(商品详情页面实现)

    https://pan.baidu.com/s/1bptYGAb#list/path=%2F&parentPath=%2Fsharelink389619878-229862621083040 ...

  8. ajax“显示弹窗详情”和“删除”功能练习

    1.查看详细信息,以弹窗的形式显示,使用ajax 2.批量删除 “查询”功能可以参考前面的文章,这里只讲解ajax“显示弹窗详情”和“删除”功能 第一:在body中的代码 <title>a ...

  9. vue登录功能和将商品添加至购物车实现

     2.1: 学子商城--用户登录 用户登录商城用户操作行为,操作用户输入用户名和密码 点击登录按钮,一种情况登录成功 一种情况登录失败 "用户名或密码有误请检查" 2.2:如何实现 ...

随机推荐

  1. ApplicationContex是干啥的

    ApplicationContext就是一个百宝箱 ApplicationContext是Spring的核心,Context我们通常解释为上下文环境,我想用“容器”来表述它更容易理解一些,Applic ...

  2. mysql5.6数据库双机热备、主从备份

    主题:mysql5.6数据库双机热备.主从备份 缘由: 在Web应用系统中,数据库性能是导致系统性能瓶颈最主要的原因之一.尤其是在大规模系统中,数据库集群已经成为必备的配置之一.集群的好处主要有:查询 ...

  3. Django工程中使用echarts怎么循环遍历显示数据

    前言: 后面要开发测试管理平台,需要用到数据可视化,所以研究了一下 先看下最后的图吧,单击最上方的按钮可以控制柱状图显隐 views.py # -*- coding: utf-8 -*- from _ ...

  4. 微信支付接入的总结 —— NATIVE & MWEB & JSAPI

    这段时间工作中需要对接微信支付,而且要多个端同时进行接入,web端,手机浏览器,微信浏览器,所以研究了下.不同场景选择合适的接入方式是必须的.https://pay.weixin.qq.com/wik ...

  5. 个人JS体系整理（三）

    一. 严格模式 JavaScript 严格模式(strict mode)即在严格的条件下运行.首先声明,严格模式是ES5中提出来的,准确来说就是一句指令Use strict,它的目的是指定代码在严格条 ...

  6. iOS 查看代码总行数

    1.打开终端 2.cd 拖入工程 回车 3.输入命令 find . "(" -name "*.m" -or -name "*.mm" -or ...

  7. kali linux之手动漏洞挖掘一

    默认安装漏洞 phpmyadmin/setup默认安装 ubuntu/debian默认安装php5-cgi phpmyadmin/setup默认安装 使用?-d+allow_url_include%3 ...

  8. php代码审计9审计反序列化漏洞

    序列化与反序列化:序列化:把对象转换为字节序列的过程称为对象的序列化反序列化:把字节序列恢复为对象的过程称为对象的反序列化 漏洞成因:反序列化对象中存在魔术方法,而且魔术方法中的代码可以被控制,漏洞根 ...

  9. Java bean与Spring、Spring MVC关系

    Java Bean Java语言欠缺属性.事件.多重继承功能.所以,如果要在Java程序中实现一些面向对象编程的常见需求,只能手写大量胶水代码.Java Bean正是编写这套胶水代码的惯用模式或约定. ...

  10. 【BlockingQueue】BlockingQueue 阻塞队列实现

    前言: 在新增的Concurrent包中,BlockingQueue很好的解决了多线程中,如何高效安全“传输”数据的问题.通过这些高效并且线程安全的队列类,为我们快速搭建高质量的多线程程序带来极大的便 ...