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

@Controller

public class UserController {

    private static final String NONE = null;

    //注入ProductService

    @Autowired

    private UserMapper userMapper;

    /**

     * 查询所有用户

     * @return

     */

    @RequestMapping(value = "/list.do", method = RequestMethod.POST, produces = "application/json;charset=UTF-8")

    @ResponseBody//返回json格式的数据

    public List<User> List(){

        List<User> list = userMapper.list();

        return  list;

    }

}
注意：produces = "application/json";没有这句话将报错：HTTP Status 406 – Not Acceptable

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格式数据的更多相关文章

  1. 使用jQuery发送POST，Ajax请求返回JSON格式数据

    问题: 使用jQuery POST提交数据到PHP文件, PHP返回的json_encode后的数组数据,但jQuery接收到的数据不能解析为JSON对象,而是字符串{"code" ...

  2. springMVC传对象参数、返回JSON格式数据

    假如请求路径:http://localhost/test/test.do?user.id=1 后台接收参数的方法如下: @RequestMapping("/test") publi ...

  3. 【Spring学习笔记-MVC-5】利用spring MVC框架，实现ajax异步请求以及json数据的返回

    作者:ssslinppp      时间:2015年5月26日 15:32:51 1. 摘要 本文讲解如何利用spring MVC框架,实现ajax异步请求以及json数据的返回. Spring MV ...

  4. SpringMVC中使用Ajax POST请求以json格式传递参数服务端通过request.getParameter("name")无法获取参数值问题分析

    SpringMVC中使用Ajax POST请求以json格式传递参数服务端通过request.getParameter("name")无法获取参数值问题分析 一:问题demo展示 ...

  5. ajax异步请求返回对象

    使用ajax异步请求返回一个对象. java code: @RequestMapping({"getAstSingleWheelImg_bbs"+Constant.JSON}) @ ...

  6. shiro异步请求返回JSON响应

    shiro异步请求返回JSON响应 需求1:当shiro请求资源,但是没有进行认证时,默认是进行重定向,现在需要返回JSON响应.注意异步请求,服务器重定向后,ajax拿到的是浏览器重定向后的到的页面 ...

  7. 使用getJSON()方法异步加载JSON格式数据

    使用getJSON()方法异步加载JSON格式数据 使用getJSON()方法可以通过Ajax异步请求的方式,获取服务器中的数组,并对获取的数据进行解析,显示在页面中,它的调用格式为: jQuery. ...

  8. Spring MVC 学习笔记11 —— 后端返回json格式数据

    Spring MVC 学习笔记11 -- 后端返回json格式数据 我们常常听说json数据,首先,什么是json数据,总结起来,有以下几点: 1. JSON的全称是"JavaScript ...

  9. WebService返回json格式数据供苹果或者安卓程序调用

    1.新建一个WebService. 2. /// <summary> /// DemoToJson 的摘要说明 /// </summary> [WebService(Names ...

随机推荐

  1. web前端利用turf.js生成等值线、等值面

    样例如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> ...

  2. 解决Win 10上SSD缓慢问题

    标准硬盘驱动器(HDD)由于其高存储容量和低成本而长期以来一直是计算机的主要存储设备.固态硬盘(SSD)是另一种存储解决方案,正在逐步取代大多数硬盘驱动器.但是,随着时间的推移,SSD会因各种原因而大 ...

  3. markdown错误和问题

    一,同步预览插件崩了 emmmmm……插件崩了,好滴 http://markdownpad.com/faq.html#livepreview-directx 上网下载插件 完美运行~ 二.emmmmm ...

  4. 判断闰年C语言版

    #include<stdio.h> int isLeap(int year) { // 必须先判断是平年的情况 后判断闰年的情况 == && year%!=) || yea ...

  5. ES6知识整理（4）--数组的扩展

    最近工作比较忙,基本每天都会加班到很晚.处理一些客户端兼容问题以及提升用户体验的优化.也将近一周没更文了,现在继续es6的学习总结. 上篇回顾 ES6知识整理(三)--函数的扩展 扩展运算符 形式是3 ...

  6. java.lang.IllegalStateException: Failed to check the status of the service

    java.lang.IllegalStateException: Failed to check the status of the service com.pinyougou.sellergoods ...

  7. thinkphp 检测验证码

    /** * 检测验证码 * @param integer $id 验证码ID * @return boolean 检测结果 */function check_verify($code, $id = 1 ...

  8. linux装sqlite3

    下载sqlite3源码包 tar xvfz sqlite-src-3.3.5 cd sqlite-3.3.5 ./configure –no-tcl make python继续一次. apt inst ...

  9. 小程序 canvas实现图片预览，图片保存

    wxml 代码: <view class="result-page"> <canvas bindtap="previewImage" canv ...

  10. Linux 编程简单示例代码

    Linux进程管理 编辑a.c 文件 #include <stdio.h> #include <unistd.h> int main() { printf( "Mes ...