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. OAuth：Access to shared resources via web applications

    A web application which wants to gain access to shared resources should redirect the user to a page ...

  2. Unity5.x shader打包AssetBundle总结

    最近比较忙,好久没有更新博客了,新项目切换到unity5.x后使用了新的打包机制,在打包shader的时候遇到了一些问题,这里来记录一下吧. 在上一个项目中,我们使用unity4.7,对于shader ...

  3. 开源项目MultiChoiceAdapter详解（六）——GridView和MultiChoiceBaseAdapter配合使用

    这篇其实没啥重要的,主要就算是个总结吧. 一.布局文件 这里实现的是类似于上图的多图选择的效果.关键在于item布局文件的写法.这也就是这个框架奇葩的一点,莫名其妙的要在一个自定义控件里面再放一个自定 ...

  4. HTML 5 <script> async 属性简单设置代码异步执行

    HTML5中 script标签支持脚本的异步执行async.脚本将会异步运行: <script type="text/javascript" src="demo_a ...

  5. [转]mysql 一个表两列的值交换

    FROM : http://bbs.csdn.net/topics/380025779 mysql> select * from test1 +------+-------+-------+ | ...

  6. System.DllNotFoundException:“无法加载 DLL“librfc32.dll”: 找不到指定的模块。 (异常来自 HRESULT:0x8007007E)。”

    System.DllNotFoundException:“无法加载 DLL“librfc32.dll”: 找不到指定的模块. (异常来自 HRESULT:0x8007007E).” 1.下载文件lib ...

  7. 【Android归纳】开发中应该注意的事项

    1.子线程中不能更新界面,更新界面必须在主线程中进行 2.Fragment注意的事项: a)  Activity调用Fragment中的方法 b)  Thread或者Handler调用Fragment ...

  8. Oracle简单的备份和恢复-导入和导出-目录

    ylbtech-Oracle:Oracle简单的备份和恢复-导入和导出-目录 Oracle安全运行离不开良好的备份和恢复机制,因为我们不是DBA.所以我们也就不过多的讲解DBA的备份和恢复.作为程序员 ...

  9. Cantor展开式

    X=an*(n-1)!+an-1*(n-2)!+...+ai*(i-1)!+...+a2*1!+a1*0! 其中,a为整数,并且0<=ai<i(1<=i<=n).这就是康托展开 ...

  10. Maximum Submatrix & Largest Rectangle

    相关题型 问题一(最大和子矩阵) : 有一个 m x n 的矩阵,矩阵的元素可正可负.请找出该矩阵的一个子矩阵(方块),使得其所有元素之和在所有子矩阵中最大.(问题来源:http://acm.pku. ...