0

我有一个多选表单，我现在正尝试将它与 AJAX 一起使用。下拉菜单应该充当图像的过滤器。

索引.php

<script>
function filterResults(str)
{
if (str=="")
  {
  document.getElementById("divResults").innerHTML="";
  return;
  } 
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("divResults").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","filter_ajax.php?filter="+str,true);
xmlhttp.send();
}
</script>

<form action="" class="css_form" id="picture_filter" name="picture_filter">
    <select onchange="filterResults(this.value)" multiple="multiple" name="filter[]" id="filter">
     <option value="filter_name_1">Filter name 1</option>
     <option value="filter_name_2">Filter name 2</option>
     <option value="filter_name_3">Filter name 3</option>
     <option value="filter_name_4">Filter name 4</option>
</select>
<div id="divResults"></div>

和 filter_ajax.php

<?php

include ("connect.php");

    $filter = $_GET["filter"];
    $filterIn = implode("','",$filter);

        $result = mysql_query("SELECT * FROM edt_images
                                WHERE category1 IN ('$filterIn')
                                OR category2 IN ('$filterIn')
                                OR category3 IN ('$filterIn')
                                OR category4 IN ('$filterIn')
                                OR category5 IN ('$filterIn')
                                OR category6 IN ('$filterIn')")
            or die(mysql_error());
        while ($row = mysql_fetch_array($result)) {
            echo "<img src='files/small/thumb0_".$row['item_name'].".".$row['file_extension']."' border='0'/>"; 
        }

?>

在我的数据库中，每张图片都有六个对应于类别的条目，并填充了子类别。因此，应该发生的是，当从“过滤器下拉列表”中选择一个项目时，它应该每六列查询该信息。但是我收到以下错误和输出：

implode()：传入的参数无效...第 6 行。

为了测试，我有五个条目。3 个填写了六个类别条目的所有信息，两个留空。

留空的两个总是返回上面的错误。

任何人对为什么会发生这种情况有任何想法？

提前致谢

4

2 回答 2

2

修改<select>：

<select onchange="filterResults(this)" multiple="multiple" name="filter[]" id="filter">

并试试这个（注意：你不需要在服务器端使用“，”来内爆数组 - 这已经在示例中使用 JS 完成）：

function filterResults(sel)
{
    var selectedOptions = [];
    for (var i = 0; i < sel.options.length; i++) {
        if (sel.options[i].selected) {
            selectedOptions.push("'" + sel.options[i].value + "'");
        }
    }
    if (selectedOptions.length == 0) {
        document.getElementById("divResults").innerHTML="";
        return;
    }
    str = selectedOptions.join(",");
    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    } else  {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {
            document.getElementById("divResults").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","test.php?filter="+str,true);
    xmlhttp.send();
}

UPD：同时修改您的 SQL：

$result = mysql_query("SELECT * FROM edt_images
                                WHERE category1 IN ($filterIn)
                                OR category2 IN ($filterIn)
                                OR category3 IN ($filterIn)
                                OR category4 IN ($filterIn)
                                OR category5 IN ($filterIn)
                                OR category6 IN ($filterIn)");
于 2013-01-09T03:26:39.960 回答
0

您发送到 PHP 脚本的不是数组。所以你不能使用implode()它并implode()返回一个错误。运行这个：

var_dump($filter);

然后您可以根据结果决定如何修改您的代码。

于 2013-01-09T03:00:07.233 回答