peretc001
Новичок
Добрый день, без ajax все работает, с ajax не записываются изменения.
Имеем МНОГО форм для редактирования цвета:
т.е. имеем:
Подскажите, как подправить ajax чтобы ПЕРЕДАТЬ $_POST и ПОДГРУЗИТЬ обновленные данные.
У меня получается просто подгрузить страницу, измененные данные не обновляется
Имеем МНОГО форм для редактирования цвета:
Код:
<?php $color = $db->getAll('SELECT * FROM `color` WHERE id != "1"');
foreach ($color as $row) { ?>
<form method="post" action="/inc/form/edit_color.php?id=<?php echo $id; ?>&type=update" id="form">
<ul>
<li><input type="hidden" name="id" value="<?php echo $row['id']; ?>"></li>
<li><input type="hidden" id="hidden-input" class="demo" name="color" value="<?php echo $row['color']; ?>"></li>
<li><input type="text" name="name" value="<?php echo $row['name']; ?>"></li>
<li><button class="button update">Обновить</button>
</ul>
</form>
<?php } ?>
Код:
<form method="post" action="/inc/form/edit_color.php?id=5&type=update" id="form">
<ul>
<li><input type="hidden" name="id" value="1"></li>
<li><input type="hidden" id="hidden-input" class="demo" name="color" value="blue"></li>
<li><input type="text" name="name" value="Синий"></li>
<li><button class="button update">Обновить</button>
</ul>
</form>
<form method="post" action="/inc/form/edit_color.php?id=5&type=update" id="form">
<ul>
<li><input type="hidden" name="id" value="2"></li>
<li><input type="hidden" id="hidden-input" class="demo" name="color" value="red"></li>
<li><input type="text" name="name" value="Красный"></li>
<li><button class="button update">Обновить</button>
</ul>
</form>
...
...
...
<form method="post" action="/inc/form/edit_color.php?id=5&type=update" id="form">
<ul>
<li><input type="hidden" name="id" value="22"></li>
<li><input type="hidden" id="hidden-input" class="demo" name="color" value="green"></li>
<li><input type="text" name="name" value="Зеленый"></li>
<li><button class="button update">Обновить</button>
</ul>
</form>
У меня получается просто подгрузить страницу, измененные данные не обновляется
Код:
$('#form').submit(function() {
var data = $("#form").serialize();
var action = $(this).attr('action');
$.ajax({
url : action,
type : 'POST',
dataType: 'text',
data : data,
success : function(data) {
$('.edit_color').html(data);
console.log(data);
}
});
return false;
});