87,987
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>首页</title>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
//入口函数
$(function () {
//获取province的id
var province = $("#province");
//json
$.get("provinceServlet",{},function (data) {
$(data).each(function () {
var option = "<option name='" + this.id + "'>"+ this.name +"</option>";
province.append(option);
});
});
});
</script>
</head>
<body>
<select id="province">
<option>---请选择省份---</option>
</select>
</body>
</html>
package cn.max.web.servlet;
import cn.max.domain.Province;
import cn.max.service.ProvinceService;
import cn.max.service.impl.ProvinceServiceImpl;
import com.fasterxml.jackson.databind.ObjectMapper;
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;
import java.util.List;
@WebServlet("/provinceServlet")
public class ProvinceServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//1.调用service查询数据库
ProvinceService service = new ProvinceServiceImpl();
List<Province> list = service.findAll();
//2.序列化list转为json
ObjectMapper mapper = new ObjectMapper();
String json = mapper.writeValueAsString(list);
//System.out.println(json);
///[{"id":1,"name":"北京"},{"id":2,"name":"上海"},{"id":3,"name":"广州"},{"id":4,"name":"陕西"}]
//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);
}
}
$.get("provinceServlet",{},function (data) {
$(data).each(function () {
var option = "<option name='" + this.id + "'>"+ this.name +"</option>";
province.append(option);
});
});
为啥this.id 可以获取值,用data.id获取不到值,data不是接收了servlet的返回结果吗,this这里指向的又是哪里,还是我理解错。T.T
你这个问题,只跟下面js代码有关,上面那些代码都贴出来都没有意义。
你的问题的根本原因就在于,你的data是一个数组,不是一个对象,明白吗?
通过each方法遍历出来的this,才是data数组里的一个对象