Uncaught SyntaxError: неверная или неожиданная загрузка токена - PullRequest
0 голосов
/ 24 августа 2018

Привет, у меня есть весеннее загрузочное веб-приложение, и я пытаюсь добавить действительно простой javascript скрипт в мой index.html, который перенаправляет на другой html при нажатии кнопки.

Это мой index.html:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
    <head>
        <title>Dashboard</title>        
        <link rel="stylesheet" th:href="@{/css/bootstrap.css}" href="../css/bootstrap.css"/> 
        <link rel="stylesheet" th:href="@{/css/style.css}" href="../css/style.css"/>    
    </head>
    <body>
        <div class="container">
            <h1 th:inline="text">My Custom CMS Dashboard</h1>

            <a href="/addNewPost"><button class="btn btn-primary block"> Add new Post </button></a>

            <table class="table posts">
                <tr th:each="post : ${posts}" class="post">
                    <td th:text="${post.title}" class="title"></td>
                    <td th:text="${post.text}" class="text"></td>
                    <td th:text="${post.user.username}" class="username"></td>
                    <td>
                        <button class="btn block" id="editPostButton" onClick="redirectToEditPost()"> Edit Post </button>
                    </td>
                    <td>
                        <input id="postId" th:text="${post.id}" type="hidden" style="display:none"/>
                    </td>
                </tr>
            </table>

        </div>

        <script type="text/javascript" th:src="@{/webjars/jquery/3.2.1/jquery.min.js/}"></script>
        <script type="text/javascript" th:src="@{/js/editPost.js}"></script>
    </body>
</html>

А это мой файл javascript: editPost.js:

$(document).ready(function () {
    function redirectToEditPost(){
        window.location = '/editPost/' + $('input#postId').val();
    }
}

Я получаю эту ошибку: Uncaught SyntaxError: неверный или неожиданный токен

IЯ уверен, что это какая-то странная ошибка ( кашляет JavaScript кашляет ), а не фактическая синтаксическая ошибка, так как я видел похожие посты, которые имели странные проблемы, такие как обналичивание index.html или что-то подобное.

Может ли кто-нибудь помочь мне разобраться с этим, поскольку я не совсем в хороших отношениях с ошибками JavaScript, отладкой JavaScript или чем-либо, связанным с JavaScript

Я знаю, что это может быть чем-то полезнымс конфигурацией Spring Boot или чем-то другим, кроме JavaScript, поэтому я оставляю теги spring-mvc ...

Ответы [ 2 ]

0 голосов
/ 24 августа 2018

Добавление обработчика событий непосредственно к кнопке не рекомендуется.

Оставьте кнопку как есть:

<button class="btn block" id="editPostButton"> Edit Post </button>

Ваш готовый документ может затем добавить обработчик событий к кнопке, кактак как вы уже используете jQuery:

$(document).ready(function () {
        $('#editPostButton').on('click', function () {
                window.location = '/editPost/' + $('input#postId').val();
        });
});
0 голосов
/ 24 августа 2018

Я думаю, что вы пропустили ); после кода вашего скрипта, как показано ниже: -

enter image description here

$(document).ready(function () {
    function redirectToEditPost(){
        window.location = '/editPost/' + $('input#postId').val();
    }
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...