ammaps / amcharts 使用 dataLoader 并传递 post

Question

使用 ammaps 的 dataLoader，有没有办法将 post 参数传递给外部文件？

我正在创建一个包含地图的报告，单击该地图将提供来自 MySQL table 的新闻文章列表。我正在使用 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
    } 
  ]
}

Answer 1

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

在 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}

Answer 2

我用 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
    ]   
}

Answer 3

也许您可以在数据加载器的 "url" 参数中添加参数。

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

然后在某些触发器（即按钮单击）中修改 url 并重新加载

var url = "same URL with different parameters values";
chart.dataLoader.url = url;
chart.dataLoader.loadData()

ammaps / amcharts 使用 dataLoader 并传递 post

ammaps / amcharts using dataLoader and passing post

php

json

amcharts

ammap