0

Всем привет. Есть у меня форма, хочу передать ее с помощью ajax, т.е. без перезагрузки страницы - возможно ли это сделать?

<form class="variations_form cart" method="post" enctype='multipart/form-data' data-product_id="<?php echo $post->ID; ?>" data-product_variations="<?php echo esc_attr( json_encode( $variable_products['available_variations'] ) ) ?>" data-quantity="1">
  <input type="hidden" name="add-to-cart" value="<?php echo $product->id; ?>" />
  <input type="hidden" name="product_id" value="" />
  <button type="submit" class="button add_to_cart_button"></button>
</form>

2
  • 1
    Похожий вопрос уже имеет ответ вот здесь, тоже без перезагрузки
    – lolbas
    10 авг 2015 в 13:53
  • Возможно, но детально розясни что ты хочешь передать через аякс и что получить
    – user185447
    10 авг 2015 в 13:56

2 ответа 2

1

Уже несколько лет как есть FormData, предназначенный для передачи форм через XMLHttpRequest, в том числе в формате multipart/form-data. В простейшем случае можно в него просто скормить html-элемент с формой:

function send_form(form){
    var x = new XMLHttpRequest();
    x.open(form.method, form.action);
    x.onload = x.onerror = function(){alert('Отправилось')};
    x.send(new FormData(form));
    return false;
}
<form class="variations_form cart" method="post" enctype='multipart/form-data'
  onsubmit="return send_form(this);" action="//example.com/">
  <input type="hidden" name="add-to-cart" value="0" />
  <input type="hidden" name="product_id" value="" />
  <button type="submit" class="button add_to_cart_button">Send</button>
</form>

1

Вам нужно воспользоваться методом jQuery serialize()

<form method="POST" id="formx" action="javascript:void(null);" onsubmit="sendData()">
... инпуты ...
</form>

в JS описываете функцию:

sendData = function() {
  var dataReq = $('form').serialize(); //здесь подставить нужный селектор
    $.ajax({
      type: 'POST',
      url: '/path/', //путь обработчика
      data: dataReq,
      success: function(dataResp) {
        $('#result').html(dataResp);
      }
    });
}

В PHP вы получите строку, которую сможете распарсить.

Ваш ответ

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

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