idea搭建springboot+ajax的demo

最新推荐文章于 2023-04-17 11:28:30 发布

动情祭

最新推荐文章于 2023-04-17 11:28:30 发布

阅读量612

点赞数 1

分类专栏： SpringBoot 文章标签： springboot、ajax

本文链接：https://blog.csdn.net/qq_31883241/article/details/95076027

版权

SpringBoot 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

步骤一：把jquery文件放到static目录下

步骤二：resources目录下新建public目录，并在其中新建testAjax.html页面（无法通过浏览器直接访问templates目录下的html页面）

<html lang="en" >
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery-3.4.1.js"></script>
    <script type="text/javascript">
        function demo() {
           $.ajax({
               url:"http://localhost:8080/test333",
               data:{"id":"1"},
               type:"post",
               dataType : "json",
               /*headers:{
                   'Content-Type' : 'application/x-www-form-urlencoded;charset=UTF-8'
               },*/
               success:function(data){
                   alert("id："+data.id+" userid："+data.userid+" pwd："+data.pwd);
               },
               error:function () {
                   alert("失败！");
               }
           });
        }
    </script>
</head>
<body>
<form>
    <input  id="tt"  type="button" value="点击提交"  οnclick="demo()"/>
</form>
</body>
</html>

步骤三：controller层


import com.example.demo.bean.UserBean;
import com.example.demo.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
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.RestController;

@RestController
public class TestAjaxController {
    @Autowired
    private UserService userService;
    @RequestMapping(value = "/test333",method = RequestMethod.POST)//produces = "application/json;charset=UTF-8"
    public UserBean test333(@RequestParam("id") String id){
        UserBean userBean=userService.select(id);
        return userBean;
    }
}

动情祭

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
idea搭建springboot+ajax的demo

步骤一：把jquery文件放到static目录下步骤二：resources目录下新建public目录，并在其中新建testAjax.html页面（无法通过浏览器直接访问templates目录下的html页面）<html lang="en" ><head> <meta charset="UTF-8"> <title>Title&...
复制链接

扫一扫