Я разрабатываю веб-страницу, похожую на flickr, где пользователи могут регистрироваться, публиковать изображения и комментировать их. Дело в том, что я написал несколько файлов, которые будут принимать значение textarea от пользователя, который пишет комментарий, а затем размещать этот комментарий на сервере JSON (я использую API Rest JSON). Но моя проблема в том, что если текст из комментария "большой" (т.е. привет, это новый комментарий), система ничего не публикует, а если и публикует, то после множества refre sh. Вместо этого, если комментарий - «а», система работает отлично. Что я здесь делаю не так?
Мой php код, где текстовое поле:
<div class="panel-body">
<textarea class="form-control" placeholder="Escribe un comentario..." id='comment-section' rows="3"></textarea>
<br>
<button type="button" class="btn btn-outline-success float-center" id='boton-publicar' onclick="postComment()">Publicar</button>
<div class="clearfix"></div>
<hr>
<div id="comments-container">
<ul class="media-list">
<!--bloque de comentario-->
</ul>
</div>
(у меня есть onclick (), когда нажата кнопка «Publi sh» ).
Мой JS код:
function postComment() {
let userId = localStorage.getItem("userId");
let date = new Date().toISOString();
let texto = $("#comment-section").val();
let comentario = { user: userId, photoId: id, text: texto, date: date};
fetch(`http://localhost:3000/comments/`, {
method: "POST",
body: JSON.stringify(comentario),
headers: {
"Content-Type": "application/json",
Authorization: "Bearer " + getToken(),
},
});
location.reload();
}
И, наконец, мой JSON файл, в котором комментарии должны быть отправлены на:
"comments": [
{
"user": "9",
"photoId": "3",
"text": "esto es un comentario largo de prueba",
"date": "2020-05-26T09:03:59.126Z",
"id": 1
},
{
"user": "9",
"photoId": "5",
"text": "a",
"date": "2020-05-26T09:04:30.646Z",
"id": 2
},
{
"user": "9",
"photoId": "5",
"text": "b",
"date": "2020-05-26T09:06:43.293Z",
"id": 3
},
{
"user": "9",
"photoId": "5",
"text": "c",
"date": "2020-05-26T09:07:18.010Z",
"id": 4
},
{
"user": "9",
"photoId": "5",
"text": "d",
"date": "2020-05-26T09:07:21.499Z",
"id": 5
},
{
"user": "6",
"photoId": "3",
"text": "comentario de admin",
"date": "2020-05-26T09:09:08.279Z",
"id": 6
},
{
"user": "6",
"photoId": "2",
"text": "admincom",
"date": "2020-05-26T09:18:24.821Z",
"id": 7
},
{
"user": "6",
"photoId": "2",
"text": "admincom2",
"date": "2020-05-26T09:18:38.515Z",
"id": 8
},
{
"user": "6",
"photoId": "2",
"text": "admincom3",
"date": "2020-05-26T09:18:51.759Z",
"id": 9
}
],