ammaps / amcharts使用dataLoader并传递帖子

时间:2015-08-17 21:26:38

标签: php json amcharts ammap

使用ammaps' dataLoader,有没有办法将post参数传递给外部文件?

我正在创建一个包含地图的报告,点击该地图后,将提供MySQL表中的新闻报道列表。我使用dataLoader拉入json数据。但是,我需要能够将值(reportId)传递给生成json文件的脚本。

这是我的代码:

var map = AmCharts.makeChart("mapdiv", {
  type: "map",
  "dataLoader": {
    "url": "maparticlesfeed.json.php",
    "format":"json",
    "showErrors": false//,
    // tried this:  
    //"type" : "post",
    //"data" : {"reportIdFromPost" : 1}
  },
. . . //the rest of the map config 

这是maparticlesfeed.json.php:

<?php include('database-connect.php'); 
$con=Database::connect();
$query=$con->prepare("SELECT * from articles Where reportId=$POST['reportIdFromPost']");
$query=>execute();
$articlesList=$query->fetchall(PDO::FETCH_ASSOC);
?>

{
"map" : "MyMapName",
"_comment" : "Here, instead of hard-coding the headlines, we will iterate through $articlesList",
"areas" : [   
    { "title" : "Virginia",
        "id" : "US-VA", 
        "selectable" : true,
        "numArticles" : 4,
        "articles" : [
            { "headline" : "This is the first headline",
                "link" : "link url"
            },
            { "headline" : "This is the second headline",
                "link" : "link url"
            },
            { "headline" : "This is the third headline",
                "link" : "link url"
            },
            { "headline" : "This is the fourth headline",
                "link" : "link url"
            }
        ]
    },
    { "title" : "Tennessee",
        "id" : "US-TN", 
        "selectable" : false,
        "numArticles" : 6
    } 
  ]
} 

3 个答案:

答案 0 :(得分:1)

我去了jQuery路线来解决这个问题。我仍然想知道是否有办法使用dataLoader,但这是一个解决方法,以防其他人在将来遇到此问题:

$.ajax({
  dataType: "json",
  url: "maparticlesfeed.json.php",
  data: { reportIdFromPost: 1 },
  type: "post",
  success: function(data){ 
    console.log(data); // for debugging
    makeMap(data);
  },
  error: function(data) {
    console.log('it did not work.');
    console.log(data.responseText); 
  }
});
function makeMap(theData) {
    var map = AmCharts.makeChart("mapdiv", {
    type: "map",
    /* DON'T NEED THIS ANYMORE:  
      "dataLoader": {
      "url": "maparticlesfeed.json.php",
      "format":"json",
      "showErrors": false
    },*/
    // replace instead with this:
    "dataProvider" : theData,
    // ... the rest of the map config ...
    }
});

并且,在maparticlesfeed.json.php中:

<?php 
include('database-connect.php'); 
$con=Database::connect();

if(!empty($_POST) && isset($_POST['reportIdFromPost']) ) { 
    $postedReportId= $_POST['reportIdFromPost']; 
}

include('database-connect.php'); 
$con=Database::connect();
$query=$con->prepare("SELECT * from articles Where reportId=$postedReportId ");
$query->execute();
$articlesList=$query->fetchall(PDO::FETCH_ASSOC);
?>

{
"map" : "MyMapName",
"areas" : [
       // Code to json_encode the results from $articlesList
    ]   
}

答案 1 :(得分:0)

当您尝试在php脚本中使用该值时,可能是您正在发布json数据,然后不对其进行解码。

在maparticlesfeed.json.php的顶部试试这个:

<?php
include('database-connect.php');

$postedValues = json_decode($POST['reportIdFromPost'], true);

$con=Database::connect();
$query=$con->prepare("SELECT * from articles Where reportId=$postedValues['reportIdFromPost']");
$query=>execute();
$articlesList=$query->fetchall(PDO::FETCH_ASSOC);
?>

您还需要取消注释地图配置中的两行:

"type" : "post",
"data" : {"reportIdFromPost" : 1}

答案 2 :(得分:0)

也许你可以在dataloader的“url”参数中添加参数。

Console.WriteLine(obj.Results.output1.value.Values[0].Count);

然后在某个触发器(即按钮单击)中修改URL并重新加载

"url": "urlA.do?param1=" + $('.selector').val()