textarea в JSON файл не работает должным образом - PullRequest
0 голосов
/ 26 мая 2020

Я разрабатываю веб-страницу, похожую на 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
}

],

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...