1.controller将数据封装成json格式返回页面

@RequestMapping("/dataList")

public void  datalist(CsoftCunstomerPage page,HttpServletResponse response) throws Exception{

    List<CsoftCunstomer> dataList = csoftCunstomerService.queryByList(page);

    //设置页面数据

    Map<String,Object> jsonMap = new HashMap<String,Object>();

    jsonMap.put("total",page.getPager().getRowCount());

    jsonMap.put("rows", dataList);

    try {

        //设置页面不缓存

        response.setContentType("application/json");

        response.setHeader("Pragma", "No-cache");

        response.setHeader("Cache-Control", "no-cache");

        response.setCharacterEncoding("UTF-8");

        PrintWriter out= null;

        out = response.getWriter();

        out.print(JSONUtil.toJSONString(jsonMap));

        out.flush();

        out.close();

    } catch (IOException e) {

        e.printStackTrace();

    }

}

2.ajax提交数据以json格式到controller中

例一:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

  "http://www.w3.org/TR/html4/loose.dtd">

<html >

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <!--<script type="text/javascript" src="../static/js/jquery-1.7.2.min.js"></script>-->

    <!--JS的地址可以写成下面这样，将来部署的时候，这些静态文件就可以单独部署了，不依赖于后台路径-->

    <script type="text/javascript" src="http://localhost:8080/sshdemo/static/js/jquery-1.7.2.min.js"></script>

    <script type="text/javascript">

      $(document).ready(function() {

        ajaxRequest();

      });

      function ajaxRequest() {

        $.ajax({

          url: "http://localhost:8080/sshdemo/hello/ajax",

          type: "POST",

          dataType: "json",

          data: {

            "a": ,

            "b": ,

            "c":

          },

          async: false,

          success: function(data) {

            alert("success");

            $.each(data, function(index, element) {

              alert(element.a);

              alert(element.b);

              alert(element.c);

            });

          },

          error: function() {

            alert("error");

          }

        });

      }

    </script>

  </head>

  <body>

    <div>Hello World!</div>

  </body>

</html>

实例二

package com.xbs.ready.ssh.controller;

import com.alibaba.fastjson.JSON;

import java.io.IOException;

import java.io.PrintWriter;

import java.util.ArrayList;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

import java.util.logging.Level;

import java.util.logging.Logger;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestMethod;

/**

 *

 * @author xbs

 */

@Controller

@RequestMapping("hello")

public class HelloController {

  /**

   * ajax请求不需要返回页面，只需要得到response中的数据即可，所以方法签名为void即可

   *

   * @param request

   * @param response

   */

  @RequestMapping(value = "ajax", method = RequestMethod.POST)

  public void ajaxDatas(HttpServletRequest request, HttpServletResponse response) {

    String jsonResult = getJSONString(request);

    renderData(response, jsonResult);

  }

  private String getJSONString(HttpServletRequest request) {

    //故意构造一个数组，使返回的数据为json数组，数据更复杂些

    List<Map<String, Object>> datas = new ArrayList<Map<String, Object>>();

    Map<String, Object> map1 = new HashMap<String, Object>();

    //可以获得ajax请求中的参数

    map1.put("a", request.getParameter("a"));

    map1.put("b", request.getParameter("b"));

    map1.put("c", request.getParameter("c"));

    datas.add(map1);

    //故意构造一个数组，使返回的数据为json数组，数据更复杂些

    Map<String, Object> map2 = new HashMap<String, Object>();

    map2.put("a", "");

    map2.put("b", "");

    map2.put("c", "");

    datas.add(map2);

    String jsonResult = JSON.toJSONString(datas);

    return jsonResult;

  }

  /**

   * 通过PrintWriter将响应数据写入response，ajax可以接受到这个数据

   *

   * @param response

   * @param data

   */

  private void renderData(HttpServletResponse response, String data) {

    PrintWriter printWriter = null;

    try {

      printWriter = response.getWriter();

      printWriter.print(data);

    } catch (IOException ex) {

      Logger.getLogger(HelloController.class.getName()).log(Level.SEVERE, null, ex);

    } finally {

      if (null != printWriter) {

        printWriter.flush();

        printWriter.close();

      }

    }

  }

}

例二:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<html>

    <head>

        <title>helloworld</title>

<script type="text/javascript" src="/spring_mvc/js/jquery.js"></script>

<script type="text/javascript">

    $(function(){

        $("#testButton").click(function(){

            var $a = $(this);

            $.ajax({

                url:"/spring_mvc/testAjax.do",

                type:'post',

                data:'name=admin&password=123456',

                dataType:'html',

                success:function(data,status){

                    if(status == "success"){

                        var objs = jQuery.parseJSON(data);

                        var str = "";

                        for(var i=;i<objs.length;i++){

                            str = str + objs[i].activityName+" ";

                        }

                        $("#content").html(str);

                    }

                },

                error:function(xhr,textStatus,errorThrown){

                }

            });

        });

    });

</script>

    </head>

    <body>

        <button id="testButton">异步传输</button>

        <div id="content"></div>

    </body>

</html>

例三:

@RequestMapping("/dataList")

public void  datalist(CsoftCunstomerPage page,HttpServletResponse response) throws Exception{

    List<CsoftCunstomer> dataList = csoftCunstomerService.queryByList(page);

    //设置页面数据

    Map<String,Object> jsonMap = new HashMap<String,Object>();

    jsonMap.put("total",page.getPager().getRowCount());

    jsonMap.put("rows", dataList);

    try {

        //设置页面不缓存

        response.setContentType("application/json");

        response.setHeader("Pragma", "No-cache");

        response.setHeader("Cache-Control", "no-cache");

        response.setCharacterEncoding("UTF-8");

        PrintWriter out= null;

        out = response.getWriter();

        out.print(JSONUtil.toJSONString(jsonMap));

        out.flush();

        out.close();

    } catch (IOException e) {

        e.printStackTrace();

    }

}

ajax 与springmvc交互返回数据的更多相关文章

  1. ajax请求和aspx返回数据

    ajax请求: $(function () {            $.ajax({                url: "index.aspx?method=send",  ...

  2. SpringMvc在返回数据之前进行统一处理

    这里其实有多种解决方案 如果你不需要获取request对象 可以采用aop(环绕通知)的方式来统一修改 如果你需要获取request对象,那么就需要采用下面的方式 0自己定义一个注解,内容如下 @Ta ...

  3. jQuery的ajax请求express服务器返回数据

    html页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT ...

  4. 使用Ajax向SpringMVC传递Json数据

    这篇文章已经过时了. 请参考比较合适的前后端交互方式. 1.保证SpringMVC配置成功了. 2.在pom.xml中追加Jackson相关的依赖 <dependency> <gro ...

  5. Jquery Ajax 调用后台并返回数据

    一.前台调用ajax并解析json对象. $.ajax({ url : '', type : 'POST', //GET data : '’, beforeSend : function(reques ...

  6. ajax中的后台返回数据data的意义

  7. ajax返回数据为undefined

    在使用ajax异步请求后台返回数据后,使用console.log(data.message)打印返回数据,显示为undefined.苦恼了很久,终于在网上找到了答案. 先给大家看下异步代码: /*清零 ...

  8. Ajax中返回数据的格式

    Ajax中常见的返回数据的格式有三种:分别为文本,XML和JSON 返回的文本格式我们在上一堂课Ajax基础介绍中已经介绍过了 Ajax.php Form.html:通过Ajax对象的response ...

  9. 02 - Unit01：服务器返回数据的json处理+搭建项目环境

    服务器返回数据的json处理+搭建项目环境 服务器返回数据的json处理 springMVC JSP响应流程 请求 -->DispatcherServlet -->HandlerMappi ...

随机推荐

  1. Mysql导入大容量SQL文件数据问题

    mysql在通过导入sql文件可能会出现下面二个问题: 1.如果sql文件过大,会出现"MySQL server has gone away"问题; 2.如果sql文件数据有中文, ...

  2. 【CentOS】centos如何修改你的主机名

    转载地址:https://www.linuxidc.com/Linux/2014-11/109238.htm ============================================= ...

  3. python测试开发django-30.发送附件EmailMessage

    前言 Django的 send_mail() 和 send_mass_mail() 函式事实上是对 EmailMessage 类使用方式 的一个轻度封装.send_mail() 和相关的其他封装函式并 ...

  4. Windows下LuaJIT的编译和使用

    1.下载LuaJIT,download>> 2.编译 开始 –> 程序 –> Microsoft Visual Studio xx –> Visual Studio To ...

  5. ViewHolder的标准写法

    最标准的写法,就是为每一个AdapterView的子View新建一个对应的ViewHolder,同时声明为prtivate final static.ViewHolder类中定义各种成员变量. pub ...

  6. linux 7z 命令编译安装，mac安装p7zip

    linux 7z 命令编译安装 7zip是一个开源的压缩软件  7z格式是压缩率最高的格式 服务器备份 数据几个g 要是tar压缩下载的话 时间太长  7zip压缩出来体积很小 首先安装 我这是 ce ...

  7. 理解 Linux 的处理器负载均值

    原文链接: http://blog.scoutapp.com/articles/2009/07/31/understanding-load-averages 你可能对于 Linux 的负载均值(loa ...

  8. QT 5.12 安装MinGW 7.3.0 32bit

    一.下载MinGW 7.3.0 32bit for QT 5.12 链接:https://pan.baidu.com/s/1IKDhvxEbKIgmWyQQhpdnTw提取码:ubxc 二.解压缩并将 ...

  9. Qt学习之路(28): 坐标变换

    经过前面的章节,我们已经能够画出一些东西来,主要就是使用QPainter的相关函数.今天,我们要看的是QPainter的坐标系统.   同很多坐标系统一样,QPainter的默认坐标的原点(0, 0) ...

  10. .NET-分页处理方式

    分页方案一: 现在常见的前端框架datatable,easyui等的分页插件,都是采用的前端分页,原理:先将符合条件的数据全部加载到页面上,然后计算分页,进行分页处理.(装载全部数据) 优点: --在 ...