我正在使用 ajax/jquery 和 php/mysql 开发过滤器功能。我有两组复选框1)=>for Regions 2)=>for Localities。过滤器是相似的到一个here .我想发送两个复选框的值来过滤记录。地方过滤器将在选择区域复选框时在本地过滤。我已经在某种程度上工作了 这是在第一组复选框上调用的。

HTML

<div class="locality">
                <input type="checkbox" id="checkbox1" class="checkbox1" value="<?php echo $suburb['suburb_name']?>" name="Suburb_check[]" onClick="changeResults();" onChange="" ><?php echo $suburb['suburb_name']?>  <span class="grey">(<?php echo $suburb['total']?>)</span>
            </div>
            <?php }?>

Javascript/Jquery

function changeResults(){
    var data = { 'venue[]' : []};
        $("input:checked").each(function() {
            var chck1 = $(this).val();
            //alert(chck1);

                data['venue[]'].push($(this).val());

        });

    $.ajax({
     type : 'POST',
     url : 'process.php',
     data : data,
     success : function(data){


          $('#project_section').html(data); // replace the contents coming from php file

            }  
        });

   $.ajax({
     type : 'POST',
     url : 'loadLocality.php',
     data : data,

     success : function(data){
     document.getElementById("searchLoader").style.display = 'block';
              $('#localityList').html(data); // replace the contents coming from php file
        //   alert(data);
     document.getElementById("searchLoader").style.display = 'none'; 
            }  
        });  

    }

这是第二组带有 Localities 的复选框

<div class="locality" id="localities">
            <input type="checkbox" onClick="changeLocality();" id="1" value="<?php echo $locality['locality_name'];?>" name="Locality_check[]"><?php echo $locality['locality_name'];?> <span class="grey">(<?php echo $locality['total'];?>)</span>
        </div>

我已经调用了一个与上述类似的函数并将其发布到不同的页面。 这是第二个复选框功能:

function changeLocality(){
    var dataLocality = {'locality[]' : []};
        $("input:checked").each(function() {
            var chcklocal = $(this).val();
            //alert(chcklocal);
            dataLocality['locality[]'].push($(this).val());
        });

 $.ajax({
 type : 'POST',
 url : 'processLocality.php',
 data : dataLocality,
 success : function(dataLocality){
    // document.getElementById("newloader").style.display ="block";
          $('#project_section').html(dataLocality);        // replace the contents coming from php file
          //alert('data');
   // document.getElementById("newloader").style.display ="none";

        }  
    });

}

但是，当我选择一个区域框，然后选择一个地点框，然后取消选择该区域时，我还会在区域数组中得到之前的地点值(数组的名称是 field )我只希望区域进入 field 数组，区域+地点进入地点数组。实际上，如果我取消选择区域，后续的地点值也应该从数组中删除。此外，尽管我将它们发布到不同的页面，但区域页面保留了位置值。我被卡住了，因为 JQUERY 知识不多。
浏览了帖子，但无法修复它。任何帮助将不胜感激。

编辑 当我检查第一组复选框时，我得到一个数组，并使用上述函数过滤记录。

Array
 (
    [venue] => Array
    (
        [0] => Pune East
        [1] => Pune West
        [2] => Pune North
        [3] => Pune South
    )

)

如果我现在点击第二组复选框中的任何一个，我会得到一个这样的数组。

 Array
 (
  [locality] => Array
    (
        [0] => Pune East
        [1] => Pune West        //[0] and [1] are regions
        [2] => Aundh
        [3] => Kalyaninagar     //[2] and [3] are localities
    )

)

注意:一个区域可以有多个地点。但我希望它们都是不同的数组，因为它们是用于过滤数据的 SQL 查询的两个不同参数。 希望我现在足够清楚了!
我的方法正确吗？或者可以用更简单的方法完成吗？
谢谢

最佳答案

您使用 选择对象的内容。 所以您的

data['venue[]'].push($(this).val());

应该是:

data.venue[].push($(this).val());

关于php - 使用ajax post请求发送两个数组，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10946728/