Jvector Map如何显示数据库值？

Question

我创建了Jvector Map。它工作得很好。我在jvector map.change hover函数中做了很多自定义点击功能。最后我希望从数据库显示国家详细信息显示。我创建了简单的数据库，特别是两个国家的印度和加拿大。 这是我的数据库查询：

'1', 'canada', 'North America', 'None', 'Giovanni Facciponte', 'Approved'
 '2', 'India', 'ROW', 'None', 'Ritika Balaji', 'Require Approvel'

这里粘贴我的php数据库代码：

<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "mydatabase";

$_country = $_GET['country'];
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 

$sql = "SELECT countryId,country,pdogcoregion,ccl,category FROM countrydetails WHERE country='".$_country."'";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
    // output data of each row
    while($row = $result->fetch_assoc()) {
        echo "country: " . $row["country"];
    }
} else {
    echo "0 results";
}
$conn->close();
?>

ajax脚本php文件：

 <

script>
        jQuery.noConflict();
        jQuery(function(){
          var $ = jQuery;
          $('#focus-single').click(function(){
            $('#map1').vectorMap('set', 'focus', {region: 'AU', animate: true});
          });
          $('#focus-multiple').click(function(){
            $('#map1').vectorMap('set', 'focus', {regions: ['AU', 'JP'], animate: true});
          });
          $('#focus-coords').click(function(){
            $('#map1').vectorMap('set', 'focus', {scale: 7, lat: 35, lng: 33, animate: true});
          });
          $('#focus-init').click(function(){
            $('#map1').vectorMap('set', 'focus', {scale: 1, x: 0.5, y: 0.5, animate: true});
          });
          $('#map1').vectorMap({
            map: 'world_mill_en',
            panOnDrag: true,
            focusOn: {
              x: 0.5,
              y: 0.5,
              scale: 1,
              animate: true
            },
            series: {
              regions: [{
                scale: ['#688FA0'],
                normalizeFunction: 'polynomial',
                values: {
     }]
            },
            onRegionClick: function (event, data) {
            var map = $('#map1').vectorMap('get', 'mapObject');
            var name = map.getRegionName(data);
            // get from DB using ajax

        $(document ).ready(function() {
    $.ajax({
        type: "GET",
        url: 'database.php',
        data: {country: name},
        dataType: "text",
        success: function(data){
            alert(data);

        }
    });

它工作两个国家我的数据库只显示警报。当我点击加拿大国家从jvector file.how显示国家名称以设置数据库值india和canda国家？

这里发布我的剧本：   

来自数据库的警报框值？从jvector文件显示的另一个值点击值？如何为特定国家/地区设置数据库值？