[JSON] 前后台如何通过$.ajax()传输JSON数据

最新推荐文章于 2022-10-14 15:12:32 发布

weixin_30871701

最新推荐文章于 2022-10-14 15:12:32 发布

阅读量120

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zienzir/p/9159546.html

本文介绍了一个简单的前后端交互示例，展示了如何通过Ajax发送请求到后端获取员工信息，并将其格式化为JSON格式返回。同时提供了两种不同的实现方式：一种是直接通过URL参数传递；另一种是从请求中获取参数。

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

说明:slesecByPriomaryKey是通过empno来获得Emp对象.

前台1:

    $(function() {
        $.ajax({
            type : "POST",
            url : "emp/empjson",
            data : "empno=7788",
            success : function(msg) {
                alert("Data Saved: " + msg.empno+"|"+msg.ename);
            }
        });
    });

后台1:

@RequestMapping("/empjson")
    @ResponseBody  //格式化为json格式的数据
    public Emp getEmp(int empno){
        Emp emp=es.selectByPrimaryKey(empno);
        return emp;
    }

1.将empno=7788作为参数传入给getEmp(int empno)方法,

data :empno=7788 中的empno和形参必须保持一致.

不能因为只有一个参数而写成"7788"或者7788,这都是不可以的.

此外data必须用引号括起来...

此外,data还可以使用json的模式.

data : {empno : "7788"},key加双引号

data : {"empno" : "7788"},key不加双引号

dataType表示返回(response)的类型.

也必须用括号引起来,"json"表示返回json类型,"text"表示纯文本.

返回的结果:msg,一旦返回成功,作为参数传给弹窗函数中.

json格式的数据可以通过"."来引用其子元素,如emp.empno.

---------------

上面是通过参数直接传递的,还可以写成

    @RequestMapping("/empjson2")
    @ResponseBody  //格式化为json格式的数据
    public Emp getEmp(HttpServletRequest req){
        String empno=req.getParameter("empno");
        System.out.println(empno);
        Emp emp=es.selectByPrimaryKey(Integer.parseInt(empno));
        System.out.println(emp);
        return emp;
    }

转载于:https://www.cnblogs.com/zienzir/p/9159546.html