Как получить значения из формы

201
18 марта 2018, 22:44

Имеется форма, в этой форме есть chekbox-Ы со значением, а также другие input:

Как мне получить значения только активированных chekbox-ОВ и остальных input-ов и отправить все эти данные с использованием ajax?

Такой код не работает:

var data = $('#myform').serialize(); 
$.ajax({ 
  type: 'POST', 
  url: 'data_form.php', 
  data: data, 
  success: function(data) { 
    $('#page_ajax').html(data); 
  }, 
  error: function(xhr, str) { 
    alert('Ajax error'); 
  } 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form id='myform' method='post'> 
  <input type="checkbox" name="check[]" value="123"> 
  <input type="checkbox" name="check[]" value="456"> 
  <input type="checkbox" name="check[]" value="789"> 
  <input type="text" name="my_name" value="Oleg"> 
</form>

Answer 1

Страница с формой:

<form id='myform' method='post'>
    <input type="checkbox" name="check[]" value="123">
    <input type="checkbox" name="check[]" value="456">
    <input type="checkbox" name="check[]" value="789">
    <input type="text" name="my_name" value="Oleg">
    <input type="submit" value="submit">
</form>
<div id='page_ajax'></div>
<script>
$(function() {
    $('#myform').submit(function(e){
        e.preventDefault();
        var data = $('#myform').serialize();
        $.ajax({
          type: 'POST',
          url: '/data_form.php',
          data: data,
          success: function(data) {
            $('#page_ajax').html(data);
          },
          error: function(xhr, str) {
            alert('Ajax error');
          }
        });
    });
});
</script>

Файл data_form.php для проверки:

if(isset($_POST) && !empty($_POST)){
    var_dump($_POST);
}
READ ALSO
Как преобразовать object в array в React JS

Как преобразовать object в array в React JS

Добрый день всем! Начал изучать реакт и столкнулся с проблемойДанные, которые я получаю от API и закинул в пропс хранятся в виде object

164
Проблема с htacess в WordPress

Проблема с htacess в WordPress

Привет!Я создал фронт енд для своего сайта на React и залил его на серверНа сервере в корне лежит сам проект а WordPress в папке wp

151
Как запретить нажимать на кнопку

Как запретить нажимать на кнопку

Мне нужно запретить нажимать на кнопку, пока он не нажмёт на checkbox, как реализовать?

186