zoukankan      html  css  js  c++  java
  • 二级联动-在数据库中读出数据并显示在页面上

    使用jquery+ajax+mysql完成

    用到的jar包:

    用到的jquery为:

    jquery-3.2.1.js

     实现思想:

    页面加载的时候,显示省的信息,从数据库中拿到所有的省份信息并返回servlet中,再由servlet中传递到到页面来。

    当省份下拉列表发生改变的时候触发函数,从数据库中拿到该省份对应的城市信息并添加到页面上来。

    1、首先在数据库中建表tbl_pro(只建立了部分省市用来练习)

    2、在myeclipse中创建web项目(ajax_day01)

     导入需要的jar包以及jquery。

    3、新建html页面test2.html,并导入jquery

    4、页面加载的时候省份的下拉列表里有内容。

    5、新建一个servlet(TestServlet,映射路径为test.do)

     web.xml配置如下:

    重写service方法:

    6、新建一个类TestDao,完成和数据库的交互

    在此之前我创建了BaseDao用于数据库连接

    TestDao的内容如下:

     

    对结果集的处理,跟dbutil的原理一样,也可以直接在上面的代码中直接处理。

    至此,页面加载的时候就可以把省份的信息加载到了下拉列表里面了。

    7、在省的select中绑定了onchange()函数

    8、查询城市信息就和查询省的差不多了,只需要将sql语句改变就可以了。

    唯有热爱方能抵御岁月漫长。
  • 相关阅读:
    「CSP-S 2019」初赛解析
    「SP741」STEAD
    「CF1382B」Sequential Nim
    「二分图」学习笔记
    题解 P3321 【[SDOI2015]序列统计】
    题解 P5339 【[TJOI2019]唱、跳、rap和篮球】
    题解 P3200 【[HNOI2009]有趣的数列】
    题解 P2606 【[ZJOI2010]排列计数】
    题解 CF1095F 【Make It Connected】
    题解 CF1155E 【Guess the Root】
  • 原文地址:https://www.cnblogs.com/syq816/p/7659478.html
Copyright © 2011-2022 走看看