ajax+json进行数据传输请求(ssm框架)_前后端的数据传递,建议采用json+ajax请求方式

img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上物联网嵌入式知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频,并且后续会持续更新

如果你需要这些资料,可以戳这里获取


})

```

ajax解释说明:
a)我们设置的方法为,只要点击“id=b1”的按钮,就会触发这个函数
b)注意引用jquery!
c)ajax要发送好几个数据。

  • url:发送的请求地址(类似于action),后台controller用@RequestMapping的value属性接受请求
  • type:请求方式(如post,get,delete等),controller的method属性与之对应一样
  • dataType:数据返回的类型,可以是xml,json等,我们这里声明清楚是json类型。
  • data:要传进去的数据,格式为key:value ,controller里可以在方法的参数里,使用@RequestParam("value") 来获取这个数
  • success:成功返回数据后要执行的操作,此处我们是弹出结果。里面的data(自定义名字,你取名aaa都行)即对应着controller里的return XXX的XXX 。(后面再详讲)

1.3 controller写法
代码如下(TestController.java)

package com.atguigu.LearnTest.controller;

import net.sf.json.JSONObject;
import org.springframework.beans.factory.annotation.Autowired;
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.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller
public class TestController {

    @RequestMapping(value = "/zyf/test", method = RequestMethod.POST)
    @ResponseBody
    public JSONObject CeShi(@RequestParam("pw") String pw, @RequestParam("name") String name) {
        JSONObject jsonObject = new JSONObject();
        if ("".equals(pw) && "".equals(name))
            jsonObject.put("result", "用户名和密码都为空!");
        else if ("".equals(name))
            jsonObject.put("result", "用户名为空!");
        else if ("".equals(pw))
            jsonObject.put("result", "密码为空!");
        else
            jsonObject.put("result", name);
        return jsonObject;
    }
}

解释说明:

  • 该方法使用了两个注解,这里我们只简介下@ResponseBody:它可以自动将该函数的返回的数据封装成json模式,然后传给前端内容(就目前阶段而说,想要用json的话,直接在方法上添加@ResponseBody总是没错的)
  • 这里使用了JSONObject类型。其实简单来说,这个就是个特殊的“Map”。不同的是,JSONObject的键值写法为key:value、map中是key=value 。所以这里不用纠结很多,把它当Map看就好了
  • @RequestParam将获取到的值传递给参数
  • jsonObject.put即添加 键值对
  • 返回JSONObject,即对应着ajax的data。然后返回看jsp部分,就可以知道,我们将要alert弹出data.name(即jsonObject.name)

1.4、运行及效果图
这里写图片描述
这里写图片描述


1.5 Controller其他写法
controller的类型不仅仅限制于Map JSONObject这些。还可以是String等等,比如我做如下修改,将JSONObject改为String类型,然后直接返回一个String类型的ce

    @RequestMapping(value = "/zyf/test", method = RequestMethod.POST)
    @ResponseBody
    public String CeShi(@RequestParam("pw") String pw, @RequestParam("name") String name) {
        String ce="123456";
        return ce;


**收集整理了一份《2024年最新物联网嵌入式全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升的朋友。**
![img](https://img-blog.csdnimg.cn/img_convert/2dcae541a89df35df3b4579dbd4b90ca.png)
![img](https://img-blog.csdnimg.cn/img_convert/7fc1109f71abd5350515ce25fa42541c.png)

**[如果你需要这些资料,可以戳这里获取](https://bbs.csdn.net/topics/618679757)**

**一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人**

**都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!**

sdn.net/topics/618679757)**

**一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人**

**都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!**

  • 14
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值