1. 程式人生 > >SpringMVC筆記九之ajax請求json資料

SpringMVC筆記九之ajax請求json資料

1、匯入jackson-annotations-2.2.1.jar,jackson-core-2.2.1.jar,jackson-databind-2.2.1.jar三個jar包,注意他們的版本要一致,不然會報錯。https://download.csdn.net/download/kshon/10654076

2、匯入jquery,直接使用Jquery框架封裝的ajax,方便簡介

3、在WebContent目錄下新建index.jsp檔案,注意jquery的路徑一定要寫對

<%@ 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ajax資料處理</title>
<script type="text/javascript" src="style/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" >
	function  requestAjax(){
		$.post("testajax",function(data){
			for(var i=0;i<data.length;i++){
				alert(data[i].id+"-"+data[i].name);
			}
		});
	}
</script>
</head>
<body>
<button onclick="requestAjax()">ajax請求json資料</button>
</body>
</html>	

4、編寫一個pojo物件,src/pojo/Dept.java

package kshon.pojo;
public class Dept {
	private int id;
	private String name;
	public Dept(int id,String name){
		this.id = id;
		this.name = name;
	}
	public int getId() {
		return id;
	}
	public void setId(int id) {
		this.id = id;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
}

5、編寫控制器src/controller/AjaxController.java,一定要在方法前加上@ResponseBody註解,告訴spring這個方法的返回值不是頁面,純屬資料

package kshon.controller;

import java.util.ArrayList;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import kshon.pojo.Dept;

@Controller
public class AjaxController {

	@ResponseBody
	@RequestMapping("testajax")
	public ArrayList<Dept> testajax(){
		System.out.println("ajax請求");
		Dept dept = new Dept(1,"kshon");
		Dept dept2 = new Dept(2,"aaaa");
		Dept dept3 = new Dept(3,"bbbb");
		ArrayList<Dept> list = new ArrayList<Dept>();
		list.add(dept);
		list.add(dept2);
		list.add(dept3);
		return list;
	}
}

6、附上springmvc的配置檔案

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xmlns:mvc="http://www.springframework.org/schema/mvc"
    xmlns:context="http://www.springframework.org/schema/context"
    xsi:schemaLocation="http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans-4.2.xsd
        http://www.springframework.org/schema/mvc
        http://www.springframework.org/schema/mvc/spring-mvc-4.2.xsd
        http://www.springframework.org/schema/context
        http://www.springframework.org/schema/context/spring-context-4.2.xsd">
        
       <!-- spring自動掃描base-package下面的包或子包下面的java檔案(用了註解的java類必須被掃描才有效) -->
     <context:component-scan base-package="kshon.controller,kshon.pojo" />
       <!-- 設定配置方案 -->
     <mvc:annotation-driven />
       <!-- 使用預設的servlet響應靜態檔案 -->
     <mvc:default-servlet-handler/>
       <!-- 配置annotation型別的處理對映器 -->
     <bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerMapping"/>
       <!-- 配置annotation型別的處理器介面卡 -->
     <bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter"/>
       <!-- 檢視解析器 -->
     <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
         <property name="prefix">
             <value>/WEB-INF/content/</value>
         </property>
          <property name="suffix">
             <value>.jsp</value>
         </property>
     </bean>
     
     <!-- 國際化 -->
     <bean id="messageSource" class="org.springframework.context.support.ResourceBundleMessageSource">
       <property name="basenames" value="message"></property>
     </bean>
     <!-- 國際化操作攔截器如果採用基於(session/cookie)則必須配置 -->
     <mvc:interceptors>
       <bean class="org.springframework.web.servlet.i18n.LocaleChangeInterceptor"></bean>
     </mvc:interceptors>
     <bean id="localeResolver" class="org.springframework.web.servlet.i18n.SessionLocaleResolver"></bean>
  
     
 
</beans>

web.xml

<?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" 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">
  <display-name>SpringMVC</display-name>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
  </welcome-file-list>
  <servlet>
     <servlet-name>springmvc</servlet-name>
     <!-- 前端控制器 -->
     <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
     <init-param>
         <!-- contextConfigLocation是引數名稱,該引數的值包含的是springmvc的配置檔案路徑 -->
         <param-name>contextConfigLocation</param-name>
         <param-value>/WEB-INF/springmvc-config.xml</param-value>
     </init-param>
     <!-- 在web應用程式啟動時立即載入Servlet -->
     <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
      <servlet-name>springmvc</servlet-name>
      <url-pattern>/</url-pattern>
  </servlet-mapping>
  
  <!-- 配置監聽器 -->
  <listener>
     <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
  </listener>
  <!-- 指定spring的核心檔案,必須使用context-param,ContextLoaderListener才能找到 -->
  <context-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>/WEB-INF/springmvc-config.xml</param-value>
  </context-param>
  
</web-app>