Почему не передаются данные через ajax в php файл-обработчик?

Question

[Артём]

Если я вставляю в форму action="/article" method="post", то данные отправляются в файл Article.php, и там можно что-то с ним сделать

<form action="/article" method="post" class="comment-form" id="comment-form" >
        <textarea name="comment" id="comment" class="comment"> </textarea>
        <input type="text" name="id_article" hidden value="<?php echo $articles['id_article']?>">
        <button class="btn btn-primary btnOrder">Отправить</button> <button class="btn btn-primary btnOrder">Отмена</button>
       
      </form>

Но если я делаю тоже самое через аякс

<script>
  $(document).ready(function() {

  $("#comment-form").submit(function() {
    $.ajax({
      type: "POST",
      url: "/article",
      data: $(this).serialize()
    }).done(function() {
      $(this).find("textarea").val("");
      alert("Спасибо за заявку! Скоро мы с вами свяжемся.");
      $("#comment-form").trigger("reset");
      
    });
    return false;
  });
 
});

</script>

То ничего не получается. Этот jq код находится в том же файле, где и форма, при этом данные из формы, как я понимаю, не отправляются в article.php, как это пофиксить?

Comments

[Дмитрий]

Добрый вечер.

url: "/article.php",
// or
url: "article",

Подробности смотрите в консоли браузера на вкладках "консоль" и "сеть".

как это пофиксить?

Проблемы с родным языком? Тяжёлый случай....

[Igor Ustyugov]

а если так?

$(document).ready(function() {

  $("#comment-form").submit(function() {
    let form = $(this);
    $.ajax({
      type: "POST",
      url: "/article",
      data: form.serialize()
    }).done(function() {
      $(this).find("textarea").val("");
      alert("Спасибо за заявку! Скоро мы с вами свяжемся.");
      $("#comment-form").trigger("reset");
      
    });
    return false;
  });
 
});

[Артём]

Igor Ustyugov, работает, спасибо

Answer 1

[tyzberd]

внутри ajax $(this) не ссылается на форму, сохраните в переменную.
https://stackoverflow.com/questions/6394812/this-i...