Java

Complete example code for spring mvc and ajax asynchronous interactions

spring MVC Asynchronous Interaction

1. jsp page:

<%@ page language="java" contentType="text/html; charset=utf-8"
 pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="js/jquery-2.1.3.js"></script>
<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<title>Insert title here</title>
<script type="text/javascript">
 function ajaxTest(){
  $.ajax({
  data:"name="+$("#name").val(),
  type:"GET",
  dataType: 'json',
  url:"user/login.do",
  error:function(data){
   alert(" Something went wrong!! :"+data.msg);
  },
  success:function(data){
   alert("success:"+data.msg);
   $("#result").html(data.msg) ;
  }
  });
 }
</script>
</head>
<body>
 <input type="text" name="name" id="name"/>
 <input type="submit" value=" The login " onclick="ajaxTest();"/>
 <div id="result"></div>
</body>
</html>

2. controller:

package xm.zjl.controller;

import java.io.IOException;
import java.util.HashMap;
import java.util.Map;

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.ResponseBody;

/**
 *  The login controller
 *
 * @author Administrator
 *
 */
@Controller
@RequestMapping("/user/*")
public class LoginController {
 @RequestMapping(value="login.do")
 public @ResponseBody Map<String,Object> login(HttpServletRequest request,HttpServletResponse response) throws IOException{
  System.out.println(request.getParameter("name"));
  Map<String,Object> map = new HashMap<String,Object>();

  if(request.getParameter("name").equals("123")){
   System.out.println(" East of the city ");
   map.put("msg", " successful ");
  }else{
   System.out.println(" failure ");
   map.put("msg", " failure ");
  }
  return map;
 }

}

3. pom file:

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
 <modelVersion>4.0.0</modelVersion>
 <groupId>xiaoma</groupId>
 <artifactId>zjl</artifactId>
 <packaging>war</packaging>
 <version>0.0.1-SNAPSHOT</version>
 <name>zjl Maven Webapp</name>
 <url>http://maven.apache.org</url>
 <dependencies>
  <dependency>
   <groupId>junit</groupId>
   <artifactId>junit</artifactId>
   <version>3.8.1</version>
   <scope>test</scope>
  </dependency>
  <dependency>
   <groupId>org.springframework</groupId>
   <artifactId>spring-webmvc</artifactId>
   <version>4.1.0.RELEASE</version>
  </dependency>
  <dependency>
   <groupId>org.springframework</groupId>
   <artifactId>spring-web</artifactId>
   <version>4.1.0.RELEASE</version>
  </dependency>
  <dependency>
   <groupId>com.fasterxml.jackson.core</groupId>
   <artifactId>jackson-databind</artifactId>
   <version>2.5.0</version>
  </dependency>
  <dependency>
   <groupId>commons-beanutils</groupId>
   <artifactId>commons-beanutils</artifactId>
   <version>1.9.2</version>
  </dependency>
  <dependency>
   <groupId>org.codehaus.jackson</groupId>
   <artifactId>jackson-mapper-asl</artifactId>
   <version>1.9.13</version>
  </dependency>

  <dependency>
   <groupId>org.codehaus.jackson</groupId>
   <artifactId>jackson-core-asl</artifactId>
   <version>1.9.13</version>
  </dependency>
 </dependencies>
 <build>
  <finalName>zjl</finalName>
  <plugins>
   <plugin>
    <groupId>org.mortbay.jetty</groupId>
    <artifactId>jetty-maven-plugin</artifactId>
    <configuration>
     <stopPort>9966</stopPort>
     <stopKey>foo</stopKey>
     <scanIntervalSeconds>0</scanIntervalSeconds>
     <connectors>
      <connector implementation="org.eclipse.jetty.server.nio.SelectChannelConnector">
       <port>8088</port>
       <maxIdleTime>60000</maxIdleTime>
      </connector>
     </connectors>
     <webAppConfig>
      <contextPath>/</contextPath>
     </webAppConfig>
    </configuration>
   </plugin>

   <plugin>
    <groupId>org.apache.tomcat.maven</groupId>
    <artifactId>tomcat7-maven-plugin</artifactId>
    <version>2.2</version>
    <configuration>
     <port>8088</port>
     <path>/</path>
     <uriEncoding>UTF-8</uriEncoding>
    </configuration>
   </plugin>
  </plugins>
 </build>
</project>

Note here that if the relevant json package is not added to the pom.xml file it will report: 406 not acceptable

4. spring - servlet. xml file:

<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">
  <!--  Start annotation-driven Spring MVC Function to register a request url And annotations POJO Mapping of class methods -->
  <mvc:annotation-driven />
  <!--  Start the package scan function to register with the @Controller , @Service , @repository , @Component Etc annotated class becomes spring the bean -->
  <context:component-scan base-package="xm.zjl.controller" />
  <!--  Resolution of the model view name, presuffix the model view name on request  -->
  <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" p:prefix="/" p:suffix=".jsp" />
</beans>

5. web. xml file:

<?xml version="1.0" encoding="UTF-8"?>
<web-app
 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 xmlns="http://java.sun.com/xml/ns/javaee"
 xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
 xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
 id="WebApp_ID"
 version="3.0">
 <context-param>
  <param-name>contextConfigLocation</param-name>
  <!--  Application context configuration file  -->
  <param-value>/WEB-INF/spring-servlet.xml</param-value>
 </context-param>
 <listener>
  <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
 </listener>
 <!--  configuration spring The core servlet -->
 <servlet>
  <servlet-name>spring</servlet-name>
  <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
  <load-on-startup>1</load-on-startup>
 </servlet>
 <!-- url-pattern Configured to / , without a file suffix, will cause other static files (js . css Etc. ) Cannot access. As for *.do , does not affect access to static files  -->
 <servlet-mapping>
  <servlet-name>spring</servlet-name>
  <url-pattern>*.do</url-pattern>
 </servlet-mapping>
</web-app>

Here are some things to note:

<servlet-mapping>
  <servlet-name>spring</servlet-name>
  <url-pattern>*.do</url-pattern>
 </servlet-mapping>

If written as:

<servlet-mapping>
  <servlet-name>spring</servlet-name>
  <url-pattern>/</url-pattern>
 </servlet-mapping>

$is not defined error

Under the record 1