Java 与后端API的交互

Java 与后端API的交互,java,spring,api,backend,web-frontend,Java,Spring,Api,Backend,Web Frontend,大家早上好,我正在进行一个分为两部分的项目: 后端API(基于json) 前端(html中的简单页面:表单编译,通过ID获取信息) 我在寻找前端使用的正确结构和技术时遇到了一些问题。我应该使用纯javascript吗?我应该使用VueJS/Angular/其他js框架吗 后端是用JavaSpring引导编写的 在未来,前端还将具有选择时间段日期的预约功能 对于前端,我尝试使用XMLHttpRequest,但在使用API获取和发布数据时遇到了一些问题(代码运行了,但什么也没发生) 我试着用这个

大家早上好,我正在进行一个分为两部分的项目:

  • 后端API(基于json)

  • 前端(html中的简单页面:表单编译,通过ID获取信息)

我在寻找前端使用的正确结构和技术时遇到了一些问题。我应该使用纯javascript吗?我应该使用VueJS/Angular/其他js框架吗

后端是用JavaSpring引导编写的

在未来,前端还将具有选择时间段日期的预约功能

对于前端,我尝试使用XMLHttpRequest,但在使用API获取和发布数据时遇到了一些问题(代码运行了,但什么也没发生)

我试着用这个陈腐的密码

var xmlhttp = new XMLHttpRequest();
var url = "API_URL";

xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    var myArr = JSON.parse(this.responseText);
    myFunction(myArr);
  }
};
xmlhttp.open("GET", url, true);
xmlhttp.send();

您可以尝试使用javascript axios库。 Javascript端示例:

import axios from 'axios'

axios.get('/springEndpoint').then((response) => {
        console.log(response.data);
        // do something with response
    }).catch(() => {
        // do something in case of an error
    })
弹簧控制器示例:

@RestController
public class TestController {

    @GetMapping("/springEndpoint")
    public String someEndpoint() {
        return "test response";
    }
}
如果您正在寻找一种使用vue.js构建spring boot web应用程序的方法,这可能对您很有用:

这取决于您的用例。我可以分类如下。请参考链接()

  • Javascript—不太复杂
  • Vue.js-性能相关
  • React—性能相关(vue在性能上优于React)
  • Angular-社区支持,Angular 2及以上版本更成熟的框架,而不是库

  • 谢谢你,Jakube!我想我会继续使用VueJS和Axios。过几天我会告诉你的