Можно ли решить задачу без библиотек (jquery и пр.)?

[Aetae]

document.addEventListener('DOMContentLoaded', () => {
  document.querySelector('form').addEventListener('submit', async (event) => {
    event.preventDefault();

    const { currentTarget: form } = event;
    const { method, action } = form;

    const response = await fetch(action, { method, body: new FormData(form) });
    const json = await response.json();

    if (json.url) {
      window.location.href = '/' + json.url;
    } else {
      alert(json.status + ' - ' + json.message);
    }    
  })
})

[Chile]

document.addEventListener('DOMContentLoaded', () => {
  document.querySelector('form').addEventListener('submit', async (event) => {
    event.preventDefault();

    const { currentTarget: form } = event;
    const { method, action } = form;

    const response = await fetch(action, { method, body: new FormData(form) });
    const json = await response.json();

    if (json.url) {
      window.location.href = '/' + json.url;
    } else {
      alert(json.status + ' - ' + json.message);
    }    
  })
})

К сожалению, не работает

Может быть я что-то не то делаю. Мне нужно как-то адаптировать этот код или просто заменить текущий?

[рони]

просто заменить текущий?

[Chile]

Всё равно не работает )

Просто вот это выводится на белой странице:

{"status":"success","message":"post added successfully"}

т. е. результат пэхэпэшной валидации:

if ($titleLen < 10 or $titleLen > 100) {
$this->error = 'name should be from 10 to 100 char';
return false;

Не то пишу. Выводится сообщение об успехе:

$this->view->message('success', "post added successfully");

[Chile]

Проверил всё ещё раз, нигде ничего не пропущено в коде, но всё равно не хочет работать

Точка с запятой пропущена была. Вопрос снят. Всем огромное спасибо!