ajax和Controller相互传递json数据的实现（post和get）

最新推荐文章于 2025-06-06 09:37:22 发布

原创

最新推荐文章于 2025-06-06 09:37:22 发布 · 2k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #Controller #json

本文详细介绍了如何通过Ajax的Post和Get方式与Controller进行JSON数据的交互。对于Post方式，前端将数据转换为JSON字符串，Controller使用@RequestBody注解接收并设置响应头避免中文乱码问题。Post可能出现的问题在于返回的JSON格式不正确导致错误处理块触发。而Get方式，数据直接在data中传递，Controller通过@RequestParam注解接收，注意处理中文乱码问题。

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

post和get两种方式的代码略有不同（如get需要手动处理中文乱码），下面给出具体实现：

1、post方式

前端代码：

<script type="text/javascript" src="<c:url value="/lib/jquery.min.js"/>"></script>
<script>
    $(function(){
   
   
        $("#btn_regist").click(function(){
   
   
            //向后台发送的数据
            var postData = {
   
   
                u_email:$('#u_email').val(),
                u_pwd:$('#u_pwd').val(),
                u_nick:$('#u_nick').val()
            }
            $.ajax({
   
   
                url:"/coderstore/user/regist.action",
                data:JSON.stringify(postData),
                type:"POST",
                //设置接收格式为JSON
                dataType:"json",
                //编码设置
                contentType:"application/json;charset=utf-8",
                //后台返回成功后处理数据，data为后台返回的json格式数据
                success:function(data){
   
   
                    if(data != null){
   
   
                        $('#msg').text(data.msg);
                    }
                    else{
   
   
                        $