js获取modelmap $.each
时间: 2023-05-04 12:02:51 浏览: 543
JS中的forEach、$.each、map方法推荐
5星 · 资源好评率100%
在前后端分离的项目中,前端与后端之间的数据传输常常使用JSON格式,因此前端需要通过Ajax请求获取数据。在获取到数据之后,需要对数据进行遍历以获取需要的字段值。在这种情况下,可以使用JavaScript中的$.each函数。
$.each函数可以遍历数组及对象,并对每个元素执行一个回调函数。在通过Ajax请求获取到数据之后,我们可以通过$.each函数遍历获取到的JSON对象。在后端使用Spring MVC等框架时,可以通过ModelMap将数据放入请求属性中,然后在前端使用Ajax请求获取数据。
例如,在后端Controller中可以将ModelMap设置一个名称为"result"的属性,并将数据放入该属性中:
```
@RequestMapping(value = "getData", method = RequestMethod.GET)
@ResponseBody
public void getData(ModelMap modelMap) {
List<Student> studentList = studentService.getStudentList();
modelMap.addAttribute("result", studentList);
}
```
接着,在前端通过Ajax请求获取数据,并使用$.each函数遍历获取到的数据:
```
$.ajax({
url: "/getData",
dataType: "json",
success: function (data) {
$.each(data.result, function (index, value) {
console.log(value.name);
console.log(value.age);
console.log(value.gender);
});
}
});
```
在上面的代码中,data.result代表Controller中设置的名称为"result"的属性,通过$.each函数遍历studentList中每个元素,获取其字段值并输出到控制台中。
总之,通过$.each函数可以遍历获取到的JSON对象中的每个元素,方便我们获取需要的数据。
阅读全文