Массив флажков не может передать php через ajax в случае FormData.Следующий скрипт работает нормально там, где FormData не использовался.Поэтому я предполагаю, что проблема заключается в добавлении в FormData или переходе от него.Возвращает invalid arguments supplied for foreach()
.
Флажок не является частью элемента формы, поэтому
<input type="checkbox" id="menu" name="menu[]" value="1">
<input type="checkbox" id="menu" name="menu[]" value="2">
<input type="checkbox" id="menu" name="menu[]" value="3">
<form id="form">
...........
</form>
Jquery и ajax
$(document).on('submit', '#form', function(e){
e.preventDefault();
var navid = [];
$("[name='menu[]']:checked").each(function (i) {
navid[i] = $(this).val();
});
if (navid.length === 0){ //tell you if the array is empty
alert("Please Select atleast one checkbox");
}
else {
var formData = new FormData(this);
formData.append('navid', navid);
$.ajax({
type: 'POST',
url: 'upload.php',
data: formData,
contentType: false,
cache: false,
processData:false,
success: function(data){
alert(data);
}
});
}
});
PHP
foreach ($_POST["navid"] AS $key => $item){
$query1 =$con->prepare("INSERT INTO menu(cid, title, en_title) VALUES (:navid, :menuin, :menueng)");
$query1->bindParam(':menunin',$_POST["menunin"][$key]);
$query1->bindParam(':menueng',$_POST["menueng"][$key]);
$query1->bindParam(':navid',$item);
$query1->execute();
echo 'Menu has inserted';
}