下拉菜单从数据库读取数据动态生成
2017-11-22 11:10
1061 查看
一、页面
index.ftl
<html> <head> <meta charset="utf-8"> <script type="text/javascript" src="js/jquery.js"></script> </head> <body> <form action="",method="POST"> <select id="city"></select> <input type="button" value="提交" onclick=("doSubmit()");> </form> </body> <script> $(document).ready(function(){ $.ajax({ contentType : "application/json;charset=utf-8", type : "POST", url : "queryCity.html", dataType : "json", success : function(data) { alert("ss"); $.each(data, function(i, city) { $('#city').append( $('<option>').text(city.city).attr('value', city.id)); }); } }); }); </script> </html>
二、controller文件
CityController.java
package com.lx.controller; import java.util.ArrayList; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.ResponseBody; import com.lx.entity.City; import com.lx.service.CityService; @Controller public class CityController { @Autowired private CityService cityService; @RequestMapping(value="/queryCity",method=RequestMethod.POST) public @ResponseBody ArrayList<City> xialacaidanPOST(HttpServletRequest request,HttpServletResponse response){ ArrayList<City> city =cityService.queryCity(); return city; } }
相关文章推荐
- 从数据库读取数据动态生成树形菜单示例
- easyUI( accordion +tree)动态生成导航菜单(数据库读取数据)
- c#从数据库读取数据动态生成树形菜单
- extjs4 数据库读取数据动态生成表单
- 从数据库从读取数据动态生成JS表格脚本
- 通过读取properties文件动态生成对数据库的连接
- C#读取Excel数据动态生成对象并进行序列化
- SolpartMenu的使用:(二)、在ASP.NET页面中使用SolpartMenu控件之动态的加载数据库中的数据来生成菜单
- 动态生成页面(从数据库中动态取出数据信息生成页面)
- java 读取数据库数据生成excel文件
- 从HBase数据库表中读取数据动态转为DataFrame格式,方便后续用Spark SQL操作(scala实现)
- ajax 数据库中随机读取5条数据动态在页面中刷新
- 关于“Asp.net 中后台CS读取数据库数据生成数组传递给前台页面JS使用”
- 关于jquery.datatable插件从数据库动态读取数据-动态分页
- 关于POI生成EXCEL合并单元格、从数据库读取数据到页面上显示合并TD的总结
- Java操作Excel之理解JXL--读取Excel模板动态写入数据并生成Excel
- nodejs实现,每天定时自动读取数据库数据-生成excel表格-发送给老板邮箱
- flex从数据库取数据动态生成tree
- php从数据库中读取数据生成xml文件的方法
- php从数据库中读取数据生成xml文件的方法