在mysql中使用javascript变量查询并填充listview - Using javascript variable in mysql query and populate listview

Using javascript variable in mysql query and populate listview

我有一个谷歌地图/标记应用程序，我想在mysql查询中使用标记id，以便在单击标记时在列表视图中提取与标记相关的数据。

该变量是在单击标记时分配的，我使用ajax将值传输到一个php文件中，以便在mysql查询中使用该变量。

function bindInfoWindow(marker, map, infoWindow, html) {
    google.maps.event.addListener(marker, 'click', function() {
        infoWindow.setContent(html);
        infoWindow.open(map, marker);
        var site_id = marker.get("id");      
        $.ajax({
            url: 'getoffer.php',
            type: "POST",
            data: { site: site_id},
            success: getoffers
        });     
    });
}

成功后，我调用了getoffers函数，该函数用数据库值填充列表视图。

var output1 = '';       
function getoffers() {
    $.post( "getoffer.php?getjson", function( data ) {
        var data = JSON.parse(data);
        console.log(data);
        $.each(data, function(index, value){
            output1 += '<li data-id='+ value.offer_id +'><a href="#"">' + value.offer_title + '</a></li>';  
        });
        $('#offerlist').html(output1).listview().listview('refresh');
    });
}

PHP

<?php
$site = $_POST['site_id'];
require("dbconnect.php");
try {
    $DBH = new PDO("mysql:host=$server;dbname=$database;charset=utf8", $username, $password,
      array(PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES 'utf8'"));
}
catch (PDOException $e) {
    print "Error!: " . $e->getMessage() . "<br/>";
    die();
}
$STH = $DBH->prepare("SELECT * FROM Offer WHERE site_id='$site'");
$STH->execute();
$arr = $STH->fetchAll();
echo json_encode($arr);
die();

当我运行应用程序时，没有任何错误，但列表视图为空。

当我从sql中删除ajax代码和where子句时，代码会返回该表中的所有值，这样我就知道它与数据库连接和到listview的输出有关。我在ajax中传递的变量一定出了问题，或者我调用代码不正确。

如有任何建议，不胜感激。感谢

由于某种原因，您在success函数中发出了一个单独的ajax请求。成功函数已经将数据传递给它，所以只需删除第二个ajax请求：

function getoffers(data) {
    //$.post( "getoffer.php?getjson", function( data ) {
        var data = JSON.parse(data);
        console.log(data);
        $.each(data, function(index, value){
            output1 += '<li data-id='+ value.offer_id +'><a href="#"">' + value.offer_title + '</a></li>';  
        });
        $('#offerlist').html(output1).listview().listview('refresh');
    //});
}

此外，正如@Paul Roub所指出的，您的post数据键与php不匹配，或者将ajax中的数据更改为：

data: { site_id: site_id},

OR更改php以使用密钥site:

$site = $_POST['site'];