您的位置：首页 > 编程语言 > Java开发

【springMVC】简单的前后端数据交流

2016-12-03 23:39 323 查看

最最常见两种，一则返回视图模板（文档），二则为json数据。就使用一个源代码文件来看看springmvc是怎么做到的。

1、UserController.java源代码文件

（这里额外的使用了fastjson架包来将对象解析为json）

package com.zay;

import com.alibaba.fastjson.JSON;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

/**
* Created by zay on 2016/11/29.
*/

@Controller
@RequestMapping("/User/")
public class UserController {

/*
* 前后端json数据交流
* */
@ResponseBody
@RequestMapping("CheckUsername.do")
public String checkUsername(HttpServletRequest request, HttpServletResponse response) throws IOException{
System.out.println(request.getParameter("username"));  //获取username字段值
//这里可进行处理
//得到处理结果
AjaxModel ajax = new AjaxModel();  //自定义的 一个ajax数据模型，为了规范前后端数据交流。
ajax.setMsg("the password is wrong ");
return JSON.toJSONString(ajax);
}
/*
* 返回视图模板字符串，这里将自动补充先前spring配置的视图前后缀以确定最终的视图页面。
* */
@RequestMapping("register.do")
public String register(){
return "register";
}
}

2、其他文件的配置

springmvc-servlet.xml

<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:context="http://www.springframework.org/schema/context"
xmlns:p="http://www.springframework.org/schema/p"
xmlns:mvc="http://www.springframework.org/schema/mvc"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.0.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd"> <!-- 启动注解驱动的Spring MVC功能，注册请求url和注解POJO类方法的映射-->
<mvc:annotation-driven />
<!-- 启动包扫描功能，以便注册带有@Controller、@Service、@repository、@Component等注解的类成为spring的bean -->
<context:component-scan base-package="com.zay" />
<!-- 对模型视图名称的解析，在请求时模型视图名称添加前后缀 -->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" p:prefix="/" p:suffix=".jsp" />
</beans>

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" version="3.1">
<servlet>
<servlet-name>springmvc</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<load-on-startup>1</load-on-startup>
<!-- load-on-startup元素标记容器是否在启动的时候就加载这个servlet(
值必须是一个整数，表示servlet应该被载入的顺序 -->
</servlet>

<servlet-mapping>
<servlet-name>springmvc</servlet-name>
<url-pattern>*.do</url-pattern>
</servlet-mapping>
</web-app>

<%--
Created by IntelliJ IDEA.
User: zay
Date: 2016/11/29
Time: 15:56
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>注册页面</title>
<script src="js/jquery-3.1.1.min.js"></script>
<script>
$(function(){
$("#user").blur(function(){
$.ajax({
url:'/springmvc/User/CheckUsername.do',
data:{
username:$("#user").val()
},
dataType:"json",
type:"POST",
success:function(data,status){
alert(data.msg);
}
});
});
});
</script>
</head>
<body>
<p>给自己找个登录名：</p>
<input id="user" type="text" name="user"/>
</body>

</html>

3、架包的引用，除了基本的spring架包外，还使用了fastjson架包。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航