Ajax练习一(配置Java后台)

前端之家收集整理的这篇文章主要介绍了Ajax练习一(配置Java后台)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

(一)配置Java后台


  这里为了简单,我直接用SpringMvc配置后台(这个配置网上一搜一大把)。
 

1.导包

  1. 下载Spring相关Jar包和安装SpringIDE的参考资料(讲的很详细)
  2. 查找依赖或下载相应的Jar(很全)
  3. 创建Javaweb项目的教程(创建Maven项目的就不贴出来了,意义不大)

  接下来向lib中,导入如下图所示的jar。这里有几个Jar除了commons-logging我没标记。剩下三个都是用来返回Json格式的数据。
- jackson-core.jar下载链接
- jackson-databind.jar下载链接
- jackson-annotations.jar下载链接

2.配置web.xml配置文件

  web.xml文件路径:/WebContent/WEB-INF/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>MineTest</display-name>
    <!-- 配置SpringMvc前端控制器 -->
     <servlet>
      <servlet-name>springMvc</servlet-name>
      <servlet-class>
         org.springframework.web.servlet.DispatcherServlet
      </servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:spring_mvc.xml</param-value>
        </init-param>
   </servlet>
   <servlet-mapping>
      <servlet-name>springMvc</servlet-name>
      <url-pattern>*.do</url-pattern>
   </servlet-mapping>
  <!-- 设置欢迎页面 -->
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
</web-app>

3.创建并配置spring_mvc.xml配置文件

  在/src目录下创建spring_mvc.xml,配置如下。

<?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/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd">
    <!-- 设置要扫描的包 -->
    <context:component-scan base-package="com.lyan.web.controller"/>
    <!-- 这里用于与JackJson返回Json数据 -->
    <mvc:annotation-driven/>
</beans>

4.创建Controller用于接收请求

  创建Controller要将他放在指定的扫描包中(对应着spring_mvc.xml中的【context:component-scan base-package=”com.lyan.web.controller”】)。

@Controller
public class TestController {

    @ResponseBody
    @RequestMapping(value = "/first",method = RequestMethod.GET)
    public Person firstRequest(){
        System.out.println(TimeUtils.getYearDate(System.currentTimeMillis()));
        Person person = new Person();
        person.setName("美女");
        person.setAge(20);
        person.setSex('女');
        return person;
    }
}

5.运行项目查看结果

  运行项目,在浏览器中的请求地址后加上“first.do”,然后回车。测试一下get请求的结果是否显示到界面中。请求成功的结果如下图所示:

  到这里后台的准备工作基本完成!接下来将使用。原生JS实现Ajax异步请求

猜你在找的Ajax相关文章