Ajax + Redis + Mysqlによるドロップダウンボックスデータの読み込みの実装

個人ブログ

サーブレットの作成

ドロップダウンボックスのコンテンツを含む返されたjsonデータをサービスから取得し、クライアントに送信します。

@WebServlet("/provinceServlet")
public class ProvinceServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        //1.调用service查询
        ProvinceService service = new ProvinceServiceImpl();
        String json = service.findAllJson();

        System.out.println(json);
        //3.响应结果
        response.setContentType("application/json;charset=utf-8");
        response.getWriter().write(json);

    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }
}

サービス執筆

findAll（）はmysqlからデータを取得し、findAllJson（）はredisからデータを取得します。ユーザーがページにアクセスすると、まずredisに必要なデータがあるかどうかを確認し、必要な場合はmysqlからのクエリ、json形式のデータを返します。

public class ProvinceServiceImpl implements ProvinceService {
    //声明dao
    private ProvinceDao dao = new ProvinceDaoImpl();

    @Override
    public List<Province> findAll() {
        return dao.findAll();
    }

    /**
        使用redis缓存
     */

    @Override
    public String findAllJson() {
        //1.先从redis中查询数据
        //1.1获取redis客户端连接
        Jedis jedis = JedisPoolUtils.getJedis();
        String province_json = jedis.get("province");

        //2判断 province_json 数据是否为null
        if(province_json == null || province_json.length() == 0){
            //redis中没有数据
            System.out.println("redis中没数据，查询数据库...");
            //2.1从数据中查询
            List<Province> ps = dao.findAll();
            //2.2将list序列化为json
            ObjectMapper mapper = new ObjectMapper();
            try {
                province_json = mapper.writeValueAsString(ps);
            } catch (JsonProcessingException e) {
                e.printStackTrace();
            }

            //2.3 将json数据存入redis
            jedis.set("province",province_json);
            //归还连接
            jedis.close();

        }else{
            System.out.println("redis中有数据，查询缓存...");
        }


        return province_json;
    }
}

jQueryの記述

ページを読み込んだ後、ajax非同期要求メソッドを使用して要求を送信し、CURUD操作のappendメソッドを使用して子要素オプションを親要素に追加して、ドロップダウンボックスの読み込みを実装します。

<script>
    $(function () {
        $.get("findProvinceServlet",{},function (data) {
            var province = $("#province");
            $(data).each(function () {
                var option = "<option name='"+this.id+"'>"+this.name+"</option>"
                province.append(option);
            })
        })
    })
</script>

注：その後の追加、削除、変更操作では、redis内の対応するデータを削除して再格納し、対応する関数にメソッドを追加する必要があります。