插入多个复选框值php ajax

Question

请帮助我，这件事毁了我的日子。我尝试使用ajax和php，在以前的帖子中发布这些代码，但无法得到答案或任何指南。我认为我的问题或代码不清楚。所以我在这里发布我真正需要的东西。请帮助我或提供任何有用的链接。

HTML。它是动态的，将从php

生成

<li>
<input type="checkbox" name="menu[]" value="News">News
    <ul>
        <li>
        <input type="checkbox" name="menu[][]" value="politics">Politics
        </li>
        <li>
        <input type="checkbox" name="menu[][]" value="Social">Social
        </li>
    </ul>
</li>
<li>
<input type="checkbox" name="menu[]" value="Views">Views                                 
</li>
<li>
<input type="checkbox" name="menu[]" value="Art">Art                               
</li>

<form>
</form>

插入多个值时，应按如下方式插入。如果每个菜单都有子类别，那么每个选中的值都将插入subcat_id，如果还没有Null值。

我尝试了什么：

的Ajax

$(document).on('submit', '#form', function(e){
    e.preventDefault();
    var navid = [];
        $("input[name='menu[]']:checked").each(function(){
            navid.push(this.value);
        });
    var subnavid = [];
        $("input[name='menu[][]']:checked").each(function(){
            subnavid.push(this.value);
        });
        var formData = new FormData(this);
        formData.append('navid', navid);
        formData.append('subnavid', subnavid);
            $.ajax({
                type: 'POST',
                url: 'upload.php',
                data: formData,
                contentType: false,
                cache: false,
                processData:false,
                success: function(data){
                    alert(data);
                }
            });
      });

PHP

$data = explode("," ,$_POST["navid"]); 
subdata = explode("," ,$_POST["subnavid"]);
foreach ($data AS $key => $menu){
   foreach($subdata AS $k => $submenu){
   ......
   ......
   }
}