SpringMVC 异步发送表单数据到JavaBean，并响应JSON文本返回

最新推荐文章于 2025-05-30 09:05:48 发布

我们始终是路人

最新推荐文章于 2025-05-30 09:05:48 发布

阅读量658

点赞数

CC 4.0 BY-SA版权

分类专栏： SpringMVC 文章标签： spring mvc 异步

本文链接：https://blog.youkuaiyun.com/a1837634447/article/details/65444777

SpringMVC 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个使用SpringMVC框架实现JSON数据交互的例子，包括必要的JAR包配置、控制器定义、请求处理方法及前端页面异步提交数据的方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需要导入的JAR包
jackson-core-asl-1.9.11.jar
jackson-mapper-asl-1.9.11.jar

@Controller
@RequestMapping(value="/user")
public class UserAction {

    @RequestMapping(value="/add")
    public @ResponseBody User add(User user) throws Exception{
        System.out.println(user.getId()+":"+user.getName()+":"+user.getSal());
        return user;
    }

}

      <!-- Action控制器 -->
      <context:component-scan base-package="cn.itcast.javaee.springmvc.app25"/>     


      <!-- 配适器 -->
      <bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">
            <property name="messageConverters">
                <list>
                    <bean class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter"/>
                </list>
            </property>
      </bean>

public class User {
    private Integer id;
    private String name;
    private Double sal;
    public User(){}
    public Integer getId() {
        return id;
    }
    public void setId(Integer id) {
        this.id = id;
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public Double getSal() {
        return sal;
    }
    public void setSal(Double sal) {
        this.sal = sal;
    }
}

<form>
        编号：<input type="text" name="id" value="1"/><br/>
        姓名：<input type="text" name="name" value="哈哈"/><br/>
        薪水：<input type="text" name="sal" value="5000"/><br/>
        <input type="button" value="异步提交注册"/>
    </form>

    <script type="text/javascript">
        $(":button").click(function(){
            var url = "${pageContext.request.contextPath}/user/add.action";
            var sendData = {
                "id":1,
                "name":"哈哈",
                "sal":5000
            };
            $.post(url,sendData,function(backData,textStatus,ajax){
                alert(ajax.responseText);
            });
        });
    </script>