[英]jQuery send multidimensional form data to PHP script
我使用 jquery 进行后期操作。 我有多个复选框,如下所示。 我想发布一个多维数组,但我的操作失败了。 当我认为存在 javascript 错误时,我在哪里做错了?
<input type="checkbox" name="options[0][menu][1]" checked="" autocomplete="off" value="Mantar">
<input type="checkbox" name="options[1][menu][1]" checked="" autocomplete="off" value="Soğan">
<input type="checkbox" name="options[3][menu][1]" checked="" autocomplete="off" value="Mısır">
输入结构
<?php foreach ($gercek_dizi as $key => $value) { ?>
<input class="form-control menu" type="hidden" id="menu[<?php echo $keys[1]; ?>]" name="menu[<?php echo $keys[1]; ?>]" value="Ürün <?php echo $keys[1]; ?>" >
<?php $a=0; foreach ($value as $ky => $cek) { $a++;?>
<li class="col-md-2 list-group-item mr-60">
<div class="btn-group-toggle pd-5" data-toggle="buttons">
<label class="btn btn-secondary btn-xs br-30 cizgicek active"><input type="checkbox" name="options[<?php echo $ky; ?>][menu][<?php echo $keys[1]; ?>]" checked autocomplete="off" value="<?php echo $cek['menu']; ?>"/> <?php echo $cek['menu']; ?> </label>
</div>
</li>
<?php } ?>
<?php } ?>
正如我上面给出的,我将数组保留在名称中。 我想发布这个,但options[]
字段刚刚发布。 name = "options[0][menu][1]"
我怎样才能完整地发布这个部分?
$('.add_cart').click(function(){
var csrfName = $('.txt_csrfname').attr('name');
var csrfHash = $('.txt_csrfname').val();
var product_id = $(this).data("productid");
var product_name = $(this).data("productname");
var product_price = $(this).data("price");
var quantity = $('#' + product_id).val();
var image = $(this).data("image");
var options = [];
var resimli = [];
var coklu = [];
var menu = [];
$(':checkbox:checked').each(function(i){
options[i] = $(this).val();
});
$('input.menu').each(function(i){
menu[i] = $(this).val();
});
$('select option:selected').each(function(i){
coklu[i] = $(this).val();
});
$(':radio:checked').each(function(i){
resimli[i] = $(this).val();
});
if(quantity != '' && quantity > 0)
{
$.ajax({
url:"<?php echo base_url(); ?>cart_controller/add",
method:"POST",
data:{product_id:product_id, product_name:product_name, product_price:product_price, quantity:quantity, menu:menu, options:options, coklu:coklu, resimli:resimli, image:image, [csrfName]:csrfHash},
dataType: 'json',
success:function(response)
{
$('.txt_csrfname').val(response.token);
iziToast.success({
title: 'Sepete Eklendi',
message: 'Ürün Sepetinize Eklendi!',
position: 'topRight',
});
$('.sepetim').load("<?php echo base_url(); ?>cart_controller/sepet");
$('.sepetsay').load("<?php echo base_url(); ?>cart_controller/sepetsay");
}
});
}
else
{
iziToast.error({
title: 'Dikkat!',
message: 'Lütfen Ürün Adetini Seçin!',
position: 'topRight',
})
}
});
结果选项名称;
Array ( [0] => Mantar [1] => Zeytin [2] => Domates [3] => Mısır [4] => Turşu )
我想要的结果;
Array ( [1] => Array ( [menu] => Array ( [1] => Mantar ) ) [2] => Array ( [menu] => Array ( [1] => Zeytin ) ) [3] => Array ( [menu] => Array ( [1] => Domates ) ) [4] => Array ( [menu] => Array ( [2] => Mısır ) ) [5] => Array ( [menu] => Array ( [2] => Turşu )
@Wawam 编辑
$(':checkbox:checked').each(function(i){
options.push({menu: { 1: $(this).val() }});
});
添加属性输入
data-menuid="2"
$(':checkbox:checked').each(function(i){
options.push({menu: { [$(this).data("menuid")]: $(this).val() }});
});
当你这样做时:
options[i] = $(this).val();
你失去了多维的结构。
你可以尝试这样的事情:
$(':checkbox:checked').each(function(i){
options.push({menu: { 1: $(this).val() }});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.