Axios+SpringBoot实现GET、POST请求(例子为markdown)

小鱼儿 2023-05-22 14:27 21阅读 0赞

### 1. GET请求 ###

前端：

axios
            .get('https://127.0.0.1:9000/index/getArticle', { 
              params: { 
                id: 1
              }
            })
            .then(res => { 
              if (res.status == 200) { 
                console.log('后台返回的消息===>', res.data)
                this.html = res.data.html
                this.content = res.data.markdown
              } else { 
                console.log(res)
              }
            })
            .catch(error => { 
              console.log('网络请求错误', error)
            })

后台：

@GetMapping("/getArticle")
        public String getArticle(Integer id){ 
            System.out.println(html+"=="+id+"==>"+markdown +"\n");
            JSONObject jsonObject = new JSONObject();
            jsonObject.put("html",html);
            jsonObject.put("markdown",markdown);
            return jsonObject.toString();
        }

### 2. POST请求 ###

var params = new URLSearchParams()
          params.append('markdown', this.content)
          params.append('html', this.html)
          axios
            .post('https://127.0.0.1:9000/index/upArticle', params)
            .then(res => { 
              if (res.status == 200) { 
                console.log('===>', res)
              } else { 
                console.log(res)
              }
            })
            .catch(error => { 
              console.log('网络请求错误', error)
            })

@PostMapping("/upArticle")
        public String upArticle(@RequestParam("html") String html,
                                @RequestParam("markdown") String markdown){ 
            this.html = html;
            this.markdown = markdown;
            return html;
        }

发表评论取消回复

表情：

评论列表（有 0 条评论，21人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue markdown显示为html

1、安装依赖markdown-it > yarn add markdown-it 2、在页面中引用 import MarkdownIt from 'markdow

﹏ヽ暗。殇╰゛Y/ 2024年02月29日 07:57/ 0 赞/ 61 阅读

相关实现一个ajax请求的简单例子

效果：在前端页面的text框输入一个id，点击按钮，发送ajax请求到数据库查询对应用户数据返回，将用户信息显示在页面，实现局部刷新。不说废话直接来！ 1.前端的jsp页

╰半夏微凉°/ 2024年02月19日 19:50/ 0 赞/ 78 阅读

相关 Vue实现Markdown

前言：本文将介绍如何使用Vue和SpringBoot实现一个Markdown编辑器，其中Vue用于前端，SpringBoot用于后端，实现数据存储和接口调用。项目背景

谁践踏了优雅/ 2023年10月09日 22:19/ 0 赞/ 29 阅读

相关 vue操作dom(以实现一个加法器为例子)

话不多说,先上效果与完整代码: 效果: 有两个数字,点击其中任意一个加一,第三个数字是前两个数字的和. ![在这里插入图片描述][20191004234829537.p

谁借莪１个温暖的怀抱￠/ 2023年06月02日 13:55/ 0 赞/ 31 阅读

相关 Axios+SpringBoot实现GET、POST请求(例子为markdown)

1. GET请求前端： axios .get('https://127.0.0.1:9000/index/getArticle', {

小鱼儿/ 2023年05月22日 14:27/ 0 赞/ 22 阅读

相关将HTML转换为Markdown

One of my biggest mistakes with this blog was not finding a WordPress plugin that would

小鱼儿/ 2023年02月21日 14:25/ 0 赞/ 34 阅读

相关 Markdown标记语言的例子

概述由于工作需要，不得不从之前的Android项目中抽出一些时间来学习下iOS了。说老实话，在之前我一直很反感iOS所使用的Objective-C语言，相比Java简直

水深无声/ 2022年06月17日 02:20/ 0 赞/ 180 阅读

相关实现一个ajax请求的例子

1.当你从后台传一个值到前台时用this.getResponse.getWriter().println(参数); 2.前台接受这个参数的js为 var resu

浅浅的花香味﹌/ 2022年06月11日 00:08/ 0 赞/ 232 阅读

相关 getpost请求的区别

1, get是从服务器上获取数据，post是向服务器传送数据。 2, get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应

一时失言乱红尘/ 2022年06月03日 02:27/ 0 赞/ 426 阅读

相关 asp中使用MSXML2.ServerXMLHTTP实现异步请求例子

asp使用MSXML2.ServerXMLHTTP异步发送请求时，需要注意判断MSXML2.ServerXMLHTTP对象的readyState是否为4，如果不判断直接获取对象

怼烎@/ 2021年11月04日 16:36/ 0 赞/ 253 阅读