JavaScript 和 CSS 文件在 html 中不起作用（spring boot 应用程序）

Question

我的 html 文件有问题，无法正确“加载”js 和 css 文件。 这是我的 html 代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Create new snippet</title>
    <script src="static/js/send.js"></script>
    <link rel="stylesheet" href="static/css/button.css">
</head>
<body>
<textarea id="code_snippet" placeholder="//write your code here"></textarea><br/>
<button type="submit" onclick="send()">Submit</button>
</body>
</html>

它应该在 textarea 标签中接受一些输入，并在您单击按钮时将其发送到数据库。 但是，函数 send() 根本不起作用。 此外，链接的 CSS 也不起作用。 这是我的项目结构：

这是 send() 函数：

function send() {
    let object = {
        "code": document.getElementById("code_snippet").value
    };

    let json = JSON.stringify(object);

    let xhr = new XMLHttpRequest();
    xhr.open("POST", '/api/code/new', false)
    xhr.setRequestHeader('Content-type', 'application/json; charset=utf-8');
    xhr.send(json);

    if (xhr.status != 200) {
        alert("Something went wrong!");
    } else if (xhr.status == 200){
        alert("Success!");
    }
}

当我把它放在 script 标签中时，这个函数工作正常

Answer 1

您应该确保链接相对于主目录是相对的或绝对的。

/absolute path 并使用不带“/”的相对路径

尝试从浏览器访问 css 和 js 文件链接。

JavaScript 和 CSS 文件在 html 中不起作用（spring boot 应用程序）

问题描述

1 个解决方案

解决方案1
0 2021-10-13 16:23:29

JavaScript 和 CSS 文件在 html 中不起作用（spring boot 应用程序）

问题描述

1 个解决方案

解决方案1 0 2021-10-13 16:23:29

解决方案1
0 2021-10-13 16:23:29