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. 【IntelliJ IDEA】idea设置UTF-8的位置

    如下图,JetBrains系列所有IDE都可以设置的位置

  2. MySQL递归查询树状表的子节点、父节点具体实现

    mysql版本(5.5.6等等)尚未支持循环递归查询,和sqlserver.oracle相比,mysql难于在树状表中层层遍历的子节点.本程序重点参考了下面的资料,写了两个sql存储过程,子节点查询算 ...

  3. SharePoint 2013 workflows stop working (Failed on started.)

    前言 最近,使用工作流的时候碰到了一个问题,突然间所有工作流都无法启动,报错Failed on started. 同时,工作流内部报错,工作流被系统账号取消了. 查了很久,发现系统打了windows ...

  4. redis实现秒杀demo

    代码 package com.prosay.redis; import java.util.List; import redis.clients.jedis.Jedis; import redis.c ...

  5. NumPy-高速处理数据

    Numpy简单介绍 标准安装的Python中用列表(list)保存一组值,能够用来当作数组使用,只是因为列表的元素能够是不论什么对象,因此列表中所保存的是对象的指针.这样为了保存一个简单的[1,2,3 ...

  6. 用Handler的post()方法来传递线程中的代码段到主线程中执行

    自定义的线程中是不能更新UI的,但是如果遇到更新UI的事情,我们可以用handler的post()方法来将更新UI的方法体,直接传送到主线程中,这样就能直接更新UI了.Handler的post()方法 ...

  7. JAVA基础知识之编译、运行、打包

    一:java环境设置在环境变量中设置以下三个变量: JAVA_HOME=C:\j2sdk1.4.1 //可以改为相应的目录CLASSPATH=%JAVA_HOME%\lib\tools.jar;%JA ...

  8. PreApplicationStartMethodAttribute程序启动扩展

    一.PreApplicationStartMethodAttribute 类简介 应用程序启动时提供的扩展的支持. 命名空间:   System.Web程序集:  System.Web(位于 Syst ...

  9. [转]使用PHPExcel判别和格式化Excel中的日期格式

    From : http://renzhen.iteye.com/blog/799391 最近,在做一个导入功能,在系统中使用PHPExcel类库,读取上传的Excel文件,然后进行字段映射,最后将Ex ...

  10. 启明星手机版安卓android会议室预定系统 V1.0发布

    启明星手机版会议室预定系统 V1.0发布 在手机里输入 http://www.dotnetcms.org/e4.apk 或者扫描二维码下载 用户打开系统,可以实时查看所有会议室状态 点击会议室名称,可 ...