Java web项目前后台数据交互

原创 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();

}

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

相关文章推荐

玩转Web之Json(二)----jquery easy ui + Ajax +Json+SQL实现前后台数据交互

最近在学Json,在网上也找过一些资料,觉得有点乱,在这里,我以easy ui的登录界面为例来说一下怎样用Json实现前后台的数据交互 使用Json,首先需要导入一些jar包,这些资源可以在网上下载到...

在Java中Highcharts前后台数据交互传输

最近在项目中要添加一个Highcharts数据图表显示。看过官方的Ajax交互事例,可惜好像使用的是PHP语言,而且没有显示后台的代码。百度查看了很多前辈们的事例,发现没一样是我所要的效果。。。最后还...

Java WebRestApp后台(一):第一个java web项目(从创建到返回第一个json字符串)

具体请看这个servlet教程:http://www.runoob.com/servlet/servlet-tutorial.html 声明:本系列文章只以介绍servlet为主(因为是做app...

web前后台交互了解(asp,php,nodejs)

接着前面来,说完了与移动端交互,再来说说与后台交互。这块东西只能浅尝则止,毕竟太多了,简单介绍下,留个印象。当然如果有错,欢迎指正。对于前端来说,更多的作用在于展示内容。如果是静态的内容,前端完全可以...

EXT前后台数据交互demo

  • 2012-10-18 10:57
  • 50KB
  • 下载

web前后台如何实现交互的

1.利用cookie对象  Cookie是服务器保存在客户端中的一小段数据信息。使用Cookie有一个前提,就是客户端浏览器允许使用Cookie并对此做出相应的设置。一般不赞成使用Cookie。...

java web项目操作mysql数据库的数据封装

在eclipse中, 新建一个动态web项目
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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