@dpopov29033

Как отправить форму через ajax и правильно ёё принять?

У меня есть вот такая форма
<form method="post" id="ajax_form" action="">
    <div class="row">
        <div class="col-6 col-12-mobile">
            <input type="text" name="email" placeholder="Email" />
        </div>
        <div class="col-6 col-12-mobile">
            <input type="password" name="password" placeholder="Пароль" />
        </div>
        <div class="col-12">
            <input type="button" id="btn" value="Регистрация" />
        </div>
    </div>
</form>


Пожалуйста, писать что toster - это не "бесплатный фрилансим" не надо.
Пожалуйста помогите написать правильный код чтоб отправить форму аяксом и прянять ее и занести в бд.

Пробовал отправить вот так, но не могу обработать данные
$('#osForm').submit(function(e){
    e.preventDefault();
    $.ajax({
      url: "sendOrderForm.php",
      type: "POST",
      data: $('#osForm').serialize(),
      success: function(response) {
        //обработка успешной отправки
      },
      error: function(response) {
        //обработка ошибок при отправке
     }
    });
});
  • Вопрос задан
  • 70 просмотров
Пригласить эксперта
Ответы на вопрос 2
IgorPI
@IgorPI
var settings = {
  "async": true,
  "crossDomain": true,
  "url": "http://api.srm.local/product.add",
  "method": "POST",
  "headers": {
    "Content-Type": "application/x-www-form-urlencoded",
    "cache-control": "no-cache"
  },
  "data": {
    "product_type": "1",
    "name": "Название моего замечательного продукта",
    "unique_code": "DR132",
    "product_pricing": "{\"type\":\"fixed\",\"price\":\"100.00\"}",
    "advertised_price": "100",
    "count_min": "1",
    "count_max": "1",
    "short_description": "Краткое описание",
    "long_description": "Длинное описание",
    "extras": "19,20,21",
    "quantity_label": "{\"singular\":\"Пассажир\",\"plural\":\"Пассажиры\"}",
    "images": [
      "1,3",
      "1,2,3"
    ],
    "terms_use": [
      "Какие-то условия...",
      "Мои особые условия"
    ],
    "options": "{}"
  }
}

$.ajax(settings).done(function (response) {
  console.log(response);
});
Ответ написан
Комментировать
@jugo45
Посмотрите на id формы, и на id того с чем вы работаете в js.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы