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

Posted tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了springmvc通过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>");                      
                    })
                }
            });
        });
</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

@Controller
public 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;
}

 

以上是关于springmvc通过ajax异步请求返回json格式数据的主要内容,如果未能解决你的问题,请参考以下文章

使用ajax请求SpringMVC返回Json出现乱码解决方法

springMVC中ajax的运用于注意事项

SpringMVC ajax传值问题

关于如何接受异步ajax请求返回前台的数据

springmvc的ajax

springmvc,通过ajax方式提交页面数据,后台返回json数据中文信息乱码