html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-3.3.1.js"></script>
<script>
$(function () {
$.get("proviceServlet",{},function (data) {
$.each(data,function () {
var op="<option name='"+this.id+"'>"+this.name+"</option>";
$("#mysel").append(op);
})
})
})
</script>
</head>
<body>
<select id="mysel">
<option>--请选择--</option>
</select>
</body>
</html>
service :
package cn.wjs.service;
import cn.wjs.dao.FindAllProviceDao;
import cn.wjs.domain.Province;
import cn.wjs.utils.JedisPoolUtils;
import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.ObjectMapper;
import redis.clients.jedis.Jedis;
import java.util.List;
public class FindAllProviceService {
private Jedis jedis= JedisPoolUtils.getJedis();
private FindAllProviceDao fpd=new FindAllProviceDao();
public String getAllProvice() {
String json=jedis.get("Pjson");
if(json==null||json.length()<=0){
List<Province> provinces=fpd.findAll();
ObjectMapper om=new ObjectMapper();
String str = null;
try {
str= om.writeValueAsString(provinces);
System.out.println(str);
jedis.set("Pjson",str);
} catch (JsonProcessingException e) {
e.printStackTrace();
}
System.out.println("从数据库查出来的");
return str;
}
System.out.println("从redis中查处的");
return json;
}
}
servlet:
package cn.wjs.servlet;
import cn.wjs.service.FindAllProviceService;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
@WebServlet("/proviceServlet")
public class ProviceServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
FindAllProviceService fs=new FindAllProviceService();
String json=fs.getAllProvice();
response.setContentType("application/json;charset=utf-8");
response.getWriter().write(json);
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doPost(request, response);
}
}
Dao:
package cn.wjs.dao;
import cn.wjs.domain.Province;
import cn.wjs.utils.JDBCUtils;
import org.springframework.jdbc.core.BeanPropertyRowMapper;
import org.springframework.jdbc.core.JdbcTemplate;
import java.util.List;
public class FindAllProviceDao {
private JdbcTemplate jt= new JdbcTemplate(JDBCUtils.getDataSource());
public List<Province> findAll() {
String sql="select * from province";
List<Province> list = jt.query(sql, new BeanPropertyRowMapper<Province>(Province.class));
return list;
}
}
此处省略配置。。
本文介绍了一个使用HTML、jQuery和Servlets实现的简单应用案例,该应用能够从数据库或Redis缓存中获取并显示中国省份列表。具体实现了通过Ajax请求获取省份数据,并将其填充到HTML的下拉选择框中。
811

被折叠的 条评论
为什么被折叠?



