1

Имеется такой код:

$(document).ready(function() {
$('form').submit(function(event) {
    var json;
    event.preventDefault();
    $.ajax({
        type: $(this).attr('method'),
        url: $(this).attr('action'),
        data: new FormData(this),
        contentType: false,
        cache: false,
        processData: false,
        success: function(result) {
            json = jQuery.parseJSON(result);
            if (json.url) {
                window.location.href = '/' + json.url;
            } else {
                alert(json.status + ' - ' + json.message);
            }
        },
    });
});
});
.......
<form action="/admin/addBanner" method="post">
<div class="control-group">
    <div class="form-group floating-label-form-group controls">
        <p><input type="text" class="form-control" name="name" placeholder="Имя"></p>
    </div>
</div>
<div class="form-group">
    <button type="submit" class="btn btn-secondary" id="sendMessageButton">Отправить</button>
</div>
</form>

При нажатии на кнопку на сервере в переменной $_POST ничего нету. Открываю инспектор код в хроме. Там такая ошибка: VM732:1 Uncaught SyntaxError: Unexpected token < in JSON at position 0 at Function.parse [as parseJSON] () at Object.success (form.js:13) at i (jquery.js:2) at Object.fireWith [as resolveWith] (jquery.js:2) at A (jquery.js:4) at XMLHttpRequest. (jquery.js:4) В чем здесь проблема? Или подскажите как отладить, куда смотреть

3
  • Добавьте php скрипт, который обрабатывает запрос.
    – Mully
    27 авг 2019 в 4:52
  • Тут так просто не скинуть из за класса route github.com/php-youtube/php-blog я а основе вот этого проекта делаю. addBanner это у меня функция addBannerAction по аналогии с addAction
    – helldrg
    27 авг 2019 в 5:06
  • Что помогло? Как решил проблему?
    – 2MVTT
    8 янв в 3:44

2 ответа 2

2
  1. Задайте свойство contentType: 'application\json' в js-скрипте.
  2. Убедитесь что ваша страница, на которую идет запрос отправляет данные именно в JSON формате. Можно воспользоваться на сервере методом json_encode(), если у вас php сервер. Так же можно отправлять данные в виде XML, но для этого надо будет поменять параметр contentType: 'application\xml'.

Вообще выберите для себя некое правило, или же договоренность, с помощью которой ваш фронт(js+html, не важно) будет общаться с сервером - тут вам помогут заголовки, которые как раз таки и указываются в параметре contentType. Наиболее популярный способ отправки\получения данных - JSON, он поддерживается на большинстве платформ.

8
  • проставил contentType не помогло. Добавил такой код в скрипт var formData = new FormData(this) for (var pair of formData.entries()) { console.log(pair[0]+ ', ' + pair[1]); } выводится name, значение которое вбиваю. Что дальше делать не знаю
    – helldrg
    27 авг 2019 в 4:42
  • Сервер на чем написан?
    – Mully
    27 авг 2019 в 4:46
  • У вас ошибку выбрасывает jQuery.parseJSON() - он ждет то что ему придет JSON-массив, но получает он по всей видимости html, или же xml
    – Mully
    27 авг 2019 в 4:49
  • Сервер апач из набора денвера
    – helldrg
    27 авг 2019 в 4:50
  • Я имел ввиду язык серверной части какой :). Но уже по комментариям ниже понял что php
    – Mully
    27 авг 2019 в 4:51
0

У вас возвращается html вместо json.

5
  • как исправить это?
    – helldrg
    27 авг 2019 в 3:59
  • @helldrg возвращать json вместо html. Смотреть в свой php-код
    – Alexey Ten
    27 авг 2019 в 4:03
  • в php коде вот <?php if (!empty($_POST)) { var_dump($_POST); }. В условие не заходит, а должно по идеи
    – helldrg
    27 авг 2019 в 4:14
  • 1
    var_dump - она возвращает ответ на фронт, НО не в JSON формате, а js-скрипт ждет JSON
    – Mully
    27 авг 2019 в 4:51
  • @Mully Спааасссииббоооо, я просто недавно программирую в этой области, не знал, что если такой код поставить, то не отреагирует воспользовался функцией json_encode и хоть увидел, что заходит в функцию. Скрипт правильно работает, дело в php коде
    – helldrg
    27 авг 2019 в 5:23

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.