与后端互动 API

Question

大家早上好，我正在做一个分为两部分的项目：

后端API（基于json）
前端（html中的简单页面：表单编译，通过ID获取信息）

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

后端写在Java Spring Boot.

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

对于前端，我尝试使用 XMLHttpRequest，但是我在使用 API 获取和 POST 数据时遇到了一些问题（代码运行但没有任何反应）

我试过这个陈腐的代码

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();

Answer 1

您可以尝试使用 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
    })

Spring 控制器示例：

@RestController
public class TestController {

    @GetMapping("/springEndpoint")
    public String someEndpoint() {
        return "test response";
    }
}

如果您正在寻找使用 vue.js 构建 spring 启动 Web 应用程序的方法，这可能对您有用： https://blog.codecentric.de/en/2018/04/spring-boot-vuejs/

Answer 2

这取决于您的用例。我可以分类如下。请参考 link (https://medium.freecodecamp.org/do-we-still-need-javascript-frameworks-42576735949b)

Javascript - 不太复杂
Vue.js - 性能相关
React - 关注性能（vue 在性能上优于 react）
Angular - 社区支持，更成熟的框架而不是库适用于 ANgular 2 及以上

与后端互动 API

Interaction with backend API

java

api

spring

backend

web-frontend