龙空技术网

springmvc通过ajax异步请求返回json格式数据

叽咕发布 800

前言:

如今你们对“ajax解析多层json数据”大约比较注意,同学们都想要剖析一些“ajax解析多层json数据”的相关文章。那么小编在网摘上搜集了一些有关“ajax解析多层json数据””的相关内容,希望你们能喜欢,我们快快来学习一下吧!

jsp

首先创建index.jsp页面

<script type="text/javascript"> $(function () { $("#username").click(function () { $.ajax({ url: "list",//请求地址 type: "POST", dataType: "json", success: function(data) {//data是默认的,接收前台返回的数据 //alert("success");  $.each(data, function(index,element) {//循环 $("#tr").append("<th>"+element.userid+"</th>"); $("#tr").append("<th>"+element.username+"</th>"); $("#tr").append("<th>"+element.password+"</th>");               // alert(data[0].areaName);////alert(data.row[0].areaName);

  }) } }); });</script></head><body> <table align="left" border="1" cellpadding="10" cellspacing="0" id="form"> <tr> <th>id</th> <th>用户名</th> <th>密码</th> </tr> <tr id="tr">  </tr> </table></body>

controller

上面index.jsp发送list请求,接下来是处理请求的controller

@Controllerpublic class UserController { private static final String NONE = null; //注入ProductService @Autowired private UserMapper userMapper;  /** * 查询所有用户 * @return */ @RequestMapping("/list") @ResponseBody//返回json格式的数据 public List<User> List(){ List<User> list = userMapper.list();  return list; }}

Mapper.xml

<mapper namespace="com.ssm.mapper.UserMapper"> <!-- 查询所有用户--> <select id="list" resultType="com.ssm.entity.User"> select * from user </select></mapper>

User

public class User { private Integer userid; private String username; private String password;}

是不是很简单

标签: #ajax解析多层json数据 #ajax返回信息 #ajax中的数据 #ajaxjson返回1