Java之前后端数据交互

原创 2016年08月29日 08:57:59

1、前台发送数据到服务端,以及接受后台数据

前台发送数据到服务端,有两种方法:

(1)使用<form>表单发送同步请求

<form action="/test/testRequestParam" method="post">    

      参数inputStr:<input type="text" name="inputStr">    

   参数intputInt:<input type="text" name="inputInt">    

</form>  

 

(2)使用ajax发送异步请求,发送的数据为json对象

<div>    

      参数username:<input type="text" name="username">    

      参数password:<input type="text" name="password">

</div>  

<scripttype="text/javascript">

      function test(){

           $.ajax({

                 url:"test.do",

                 type:"POST",

                 cache: false,

                 data:{"username":username,"password":password},

                 dataType:"json",

                 success:function(data){console.log(data);},

                 error:function(){}

           });

      }

</script>

 

 

2、服务端后台接受数据

      在SpringMVC后台控制层获取参数的方式主要有两种,一种是request.getParameter("name"),另外一种是用注解@RequestParam直接获取。

(1)继承HttpServlet类,使用request.getParameter("name")方法获取请求参数

@RequestMapping("testRequestParam")    

public String test( HttpServletRequest request,HttpServletResponseresponse) {    

      String inputStr=request.getParameter("inputStr")

      int inputInt = Integer.valueOf(request.getParameter("inputInt")); 

      System.out.println(inputStr+","+inputInt);  

      return "index";  

}

 

(2)使用注解@RequestParam直接获取

@RequestMapping("testRequestParam")    

public String filesUpload(@RequestParam String inputStr, HttpServletRequest request) {    

      System.out.println(inputStr);  

      int inputInt = Integer.valueOf(request.getParameter("inputInt"));  

      System.out.println(inputInt);  

      return "index";  

}     

 

(3)使用@ResponseBody注解来解析json对象

@RequestMapping("/testRequestParam") 

@ResponseBody

public String filesUpload(String inputStr,StringinputInt)throws Exception{    

      System.out.println(inputStr+","inputInt);

      return "index";  

}     

3、服务端给客户端返回数据

(1)可以继承HttpServlet类,获取请求参数,同时将数据通过流的形式发送到前台。返回的可以是字符串,也可以是json对象。

@RequestMapping(value="/test.do")

public void doPost(HttpServletRequest request,HttpServletResponse response)throws Exception {  

      String username = request.getParameter("username");  

      String password =request.getParameter("password");  

      response.setContentType("text/html; charset=utf-8"); //设置响应头  

      response.setHeader("pragma", "no-cache");  //无缓存 

      response.setHeader("cache-control", "no-cache");  //无缓存 

      PrintWriter out = response.getWriter();  

      out.println(username+","+password);  //发送的是字符串

      out.flush();  

      out.close();

}  

 

(2)返回页面,Controller中方法返回JSON对象,如果需要携带数据通过ModelAndView(相当于一个Map)传递到view, view中使用jstl的EL表达式来绑定ModelAndView带来的数据。

@RequestMapping(value="/getView",method=RequestMethod.GET)

@ResponseBody

public ModelAndViewgetView(String username,String password)throws Exception{ 

      ModelAndView  mav=new ModelAndView();

      mav.addObject("Object",obj);

      mav.setViewName("index");

      return mav;

 

(3)返回Json对象,利用@ResponseBody来实现。spring MVC自动将java对象转化成了json对象传回了客户端,返回对象可以是Pojo也可以是List直接操作Response自己实现想要的效果。

@RequestMapping(value="/getPojoJson",method=RequestMethod.GET) 

@ResponseBody

public PojogetPojoJson(){ 

      Pojo pojo = new Pojo(); 

      pojo.setPojoName("testName"); 

      pojo.setPojoValue("testValue"); 

      return pojo; 

(4)将对象(或数组)转换成json对象(或json数组),发送到前台

@RequestMapping("/test.do")

public  void  doPost(HttpServletRequestrequest, HttpServletResponse response) throws  Exception {

      response.setCharacterEncoding("UTF-8");

      response.setContentType("text/html");

      response.setHeader("Access-Control-Allow-Origin","*");

      List<Object> objs=baseService.findForList();//查询出来的是对象集合

      JSONArray jsonArray =JSONArray.fromObject(objs);//转化成json对象,将对象集合之间转换成了json数组

      PrintWriter out = response.getWriter();

      out.println(jsonArray);

      out.flush();

      out.close();

}

版权声明:转载时请注明,你懂的!

Spring MVC 入门示例讲解

在本例中,我们将使用Spring MVC框架构建一个入门级web应用程序。Spring MVC 是Spring框架最重要的的模块之一。它以强大的Spring IoC容器为基础,并充分利用容器的特性来简...

实践hibernate的应用——struts2+hibernate的简单学生信息管理

struts2+hibernate的简单学生信息管理,没有用很好的界面,目的主要是为了实践一下hibernate框架的学习,深入了解hibernate框架。 下面是项目的目录: 配...

数据交换之前后端数据格式转换(二)

练习题1:jsonToBean public void Test() { /** * {"button":[ {"name":"主菜单1","...

数据交换之前后端数据格式转换(一)

前后端之间数据交换常用json格式,调用webService进行数据交换xml占了许多。所以今天要记录的是我们通过传入的json或者xml 转换为对象,进行一系列数据计算,再拼接成json或者xml...

前端ajax与后端Spring MVC控制器有以下五种数据交互方式

方式一  通过URL传参 通过URL挂接参数,如/auth/getUser?userid='6' 服务器端方法可编写为:getUser(String userid),也可新增其他参数如Ht...

使用postman模拟与后端flask的Get/Post数据交互

postman模拟与后端flask的数据交互;json数据;flask框架;

AngularJS与后端php的数据交互

简述: AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特...
  • Eyseem
  • Eyseem
  • 2017年04月14日 10:28
  • 2024

asp.net 前端跟后端通过接口调用实现数据交互(含分页)

asp.net 前端跟后端通过接口调用实现数据交互(含分页)
  • vincnt
  • vincnt
  • 2015年03月09日 15:20
  • 2023

基于websocket的前端与后端之间的数据交互

基于传统的前端开发,一般都使用JS访问一个URL,然后基于这个URL使用JSONDATA与URL进行交互 如下图: 那么如果要实时的展现数据的变化,那么我们有2种方法 1,使用poll(不断的轮...
  • alajl
  • alajl
  • 2015年08月02日 22:48
  • 17337

前端 ,后端 关于数据交互的问题

在此介绍几种常用的前后端数据交互方法,并给出使用建议。以提高前后端协同开发的效率。  目录: 1. HTML赋值 2. JS赋值 3. script填充JSON 4. AJAX获取JSO...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Java之前后端数据交互
举报原因:
原因补充:

(最多只允许输入30个字)