AJAX提交下拉框更新数据小笔记

好久没用ajax写下拉框了，让我现在直接写一个使用ajax提交下拉框的例子，我是真的不能一下子写出来的，作为后端开发人员，这些也不是经常用，所以现在写出来记录下来，方便以后回头看看，写的不好请见谅！

本例子是搭配好的SpringMVC框架下写的。

我的SpringMVC搭建的小例子地址：用maven搭建的SpringMVC框架的小例子

1、HTML页面代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>



    
    
    


    

        
            请选择
            张三
            李四
            王五
        
        
    
    

    

2、controller代码如下

package com.springmvc.controller;

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

import javax.servlet.http.HttpServletRequest;
import java.util.HashMap;
import java.util.Map;

/**
 * Created by vitelon on 2016/12/3.
 */
@Controller
public class TestController {

    /**
     * @ResponseBody 该注解可以把map自动转换成json格式给前台
     */
    @RequestMapping(value = "/ajax",method = RequestMethod.GET, produces = "application/json")
    @ResponseBody
    public Map ajax(HttpServletRequest request){

        Map mapJson = new HashMap();
        String person;
        String optValues = request.getParameter("opt_values");
        if ("1".equals(optValues)){
            person = "姓名：张三，年龄：24，性别：男，出生地：广西南宁";
            mapJson.put("person",person);
        }
        if ("2".equals(optValues)){
            person = "姓名：李四，年龄：30，性别：男，出生地：广西百色";
            mapJson.put("person",person);
        }
        if ("3".equals(optValues)){
            person = "姓名：王五，年龄29，性别：男，出生地：广西桂林";
            mapJson.put("person",person);
        }
        return mapJson;
    }
}

点击查询报，SpringMVC json问题（406 Not Acceptable）

因为controller中用到@ResponeBody注解，该注解是把map转换为json传给前台，而我没有引入json的包，所以才会出现这个错误。

解决方法：

1.导入第三方jackson包，Jackson-mapper-asl-1.9.13.jar和jackson-asl-1.9.13.jar。

如果是maven项目，则maven配置如下

  org.codehaus.jackson
  jackson-core-asl
  1.9.13



  org.codehaus.jackson
  jackson-mapper-asl
  1.9.13

完整的maven配置文件

  4.0.0
  demo
  demo
  war
  1.0-SNAPSHOT
  demo Maven Webapp
  http://maven.apache.org
  
    UTF-8
    
    4.1.4.RELEASE
    
    3.2.8
    
    1.7.7
    1.2.17
    
    2.5.0
  

  

    
    
      junit
      junit
      4.11
      
      test
    

    
    
      org.springframework
      spring-test
      ${spring.version}
      test
    

    
    
      org.springframework
      spring-webmvc
      ${spring.version}
    

    
    
      org.springframework
      spring-core
      ${spring.version}
    

    
      org.springframework
      spring-beans
      ${spring.version}
    

    
      org.springframework
      spring-context
      ${spring.version}
    

    
      org.springframework
      spring-context-support
      ${spring.version}
    


    
      org.springframework
      spring-tx
      ${spring.version}
    

    
      org.springframework
      spring-web
      ${spring.version}
    

    
      org.springframework
      spring-jdbc
      ${spring.version}
    

    
    
      org.mybatis
      mybatis
      ${mybatis.version}
    

    
    
      org.mybatis
      mybatis-spring
      1.2.2
    

    
    
    
    
    
    

    
    
      mysql
      mysql-connector-java
      5.1.34
    

    
    
      commons-dbcp
      commons-dbcp
      1.2.2
    

    
    
      jstl
      jstl
      1.2
    

    
    
    
      log4j
      log4j
      ${log4j.version}
    

    
      org.slf4j
      slf4j-api
      ${slf4j.version}
    

    
      org.slf4j
      slf4j-log4j12
      ${slf4j.version}
    

    
    
      com.alibaba
      fastjson
      1.1.41
    
    

    
    
    
    
    
    

    
      javax.servlet
      javax.servlet-api
      3.0.1
      provided
    
    
      javax.servlet.jsp
      jsp-api
      2.2
      provided
    

    
      javax.servlet
      jstl
      1.2
    

    
    
      org.codehaus.jackson
      jackson-core-asl
      1.9.13
    

    
      org.codehaus.jackson
      jackson-mapper-asl
      1.9.13
    

    
      com.fasterxml.jackson.core
      jackson-annotations
      ${jackson.version}
    

    
      com.fasterxml.jackson.core
      jackson-databind
      ${jackson.version}
    

    
      com.fasterxml.jackson.core
      jackson-core
      ${jackson.version}
    

    
    
    
    
    

    
      dom4j
      dom4j
      1.4
    

    
    
      commons-fileupload
      commons-fileupload
      1.3.1
    

    
      commons-io
      commons-io
      2.4
    

    
      commons-codec
      commons-codec
      1.9
    

    
      org.apache.commons
      commons-collections4
      4.0
    

    
      org.apache.commons
      commons-lang3
      3.3.2
    

  

  

    demo

    
    
      
        src/main
        
          **/*.xml
        
        true
      
    

  

2.添加Spring配置文件

  


    
    
    
    

    
    
    

    
    
    
        
            
                
                    
                        
                            text/plain;charset=UTF-8
                        
                    
                
                
                    
                        
                            text/html;charset=UTF-8
                            application/json;charset=UTF-8
                        
                    
                
            
        
    

    
    
        
        
        
        
    

使用ajax更新下拉框就做好了，写得不好的请见谅!