javascript – 从jQuery ajax获取数据

我正在尝试为汽车列表制作一个AJAX过滤器,我在最后阶段陷入困境.我有两个文件,index.PHP和filter.PHP.

在index.PHP中,我有一个带有下拉列表和滑块的表单.发送表格的代码如下：

$(document).ready(function(){
        $("#send").click(function(){

            var salon=$("#salon-list").val();
            var make=$("#make-list").val();
            var model=$("#model-list").val();
            var cenaLow=$("#cenaLow").val();
            var cenaHigh=$("#cenaHigh").val();
            var tachometrLow=$("#tachometrLow").val();
            var tachometrHigh=$("#tachometrHigh").val();
            var palivo=$("#palivo-list").val();
            var karoserie=$("#karoserie-list").val();
            var prevodovka=$("#prevodovka-list").val();
            var pohon=$("#pohon-list").val();
            var barva=$("#barva-list").val();
            var dvere=$("#dvere-list").val();
            var objem=$("#objem-list").val();
            var stav=$("#stav-list").val();


            $.ajax({
                type:"post",
                url:"filter.PHP",
                data:"salon="+salon+"&make="+make+"&model="+model+"&cenaLow="+cenaLow+"&cenaHigh="+cenaHigh
                +"&tachometrLow="+tachometrLow+"&tachometrHigh="+tachometrHigh+"&palivo="+palivo+"&karoserie" +
                "="+karoserie+"&prevodovka="+prevodovka+"&pohon="+pohon+"&barva="+barva+"&dveře="+dvere+"&objem" +
                "="+objem+"&stav="+stav,
                success:function(data){
                    $("#result").html(data);
                }

            });

        });
    });

在filter.PHP文件中,我从$_POST获取数据,然后搜索数据库.之后,我想将结果回显到#result div,但它不起作用.任何echo语句都不起作用,我想列出的变量不是空的,我查了一下.

echo 'iAmHere'; /*just checking*/

$post["salon"] = htmlspecialchars($_POST["salon"]);
$post["make"] = htmlspecialchars($_POST["make"]);
$post["model"] = htmlspecialchars($_POST["model"]);
$post["cenaLow"] = htmlspecialchars($_POST["cenaLow"]);
$post["cenaHigh"] = htmlspecialchars($_POST["cenaHigh"]);
$post["rokLow"] = htmlspecialchars($_POST["rokLow"]);
$post["rokHigh"] = htmlspecialchars($_POST["rokHigh"]);
$post["tachometrLow"] = htmlspecialchars($_POST["tachometrLow"]);
$post["tachometrHigh"] = htmlspecialchars($_POST["tachometrHigh"]);
$post["palivo"] = htmlspecialchars($_POST["palivo"]);
$post["karoserie"] = htmlspecialchars($_POST["karoserie"]);
$post["prevodovka"] = htmlspecialchars($_POST["prevodovka"]);
$post["pohon"] = htmlspecialchars($_POST["pohon"]);
$post["barva"] = htmlspecialchars($_POST["barva"]);
$post["dvere"] = htmlspecialchars($_POST["dvere"]);
$post["objem"] = htmlspecialchars($_POST["objem"]);
$post["stav"] = htmlspecialchars($_POST["stav"]);

echo '<p class="make">'.$post["make"].'</p>'; /*does not work*/


echo "<script>window.alert('".$_POST["make"]."');</script>";  /*another checking, this works*/

谢谢你的帮助.

解决方法:

试试这个 ：

$(document).ready(function(){
        $("#send").click(function(){
 var salon=$("#salon-list").val();
            var make=$("#make-list").val();
            var model=$("#model-list").val();
            var cenaLow=$("#cenaLow").val();
            var cenaHigh=$("#cenaHigh").val();
            var tachometrLow=$("#tachometrLow").val();
            var tachometrHigh=$("#tachometrHigh").val();
            var palivo=$("#palivo-list").val();
            var karoserie=$("#karoserie-list").val();
            var prevodovka=$("#prevodovka-list").val();
            var pohon=$("#pohon-list").val();
            var barva=$("#barva-list").val();
            var dvere=$("#dvere-list").val();
            var objem=$("#objem-list").val();
            var stav=$("#stav-list").val();

 var data= {
            make: make,
            model: model,
            cenaLow: cenaLow,
            cenaHigh: cenaHigh,
            tachometrLow: tachometrLow,
            tachometrHigh: tachometrHigh,
            palivo: palivo,
            karoserie: karoserie,
            prevodovka: prevodovka,
            pohon: pohon,
            barva: barva,
            objem: objem,
            stav : stav
        };


            $.ajax({
                type:"post",
                url:"filter.PHP",
                data:data,
                success:function(data){
                    $("#result").html(data);
                }

            });

        });
    });