使用php和jquery ajax从mysql数据库获取数据？

我已经用jvectormap创建了地图。它运行良好。现在我需要数据库中的国家数据。我已经用mysql代码创建了php连接

database.php

 <?php

    $host     = "localhost";
    $port     = 3306;
    $user     = "root";
    $password = "";
    $dbname   = "mydatabase";


    $country = $_POST['canada'];
    $con = new mysqli($host, $user, $password, $dbname, $port, $socket)
        or die ('Could not connect to the database server' . mysqli_connect_error());

    //$con->close();

    $query = "SELECT countryId, country, pdogcoregion, comments, ccl, category 
              FROM   countrydetails 
              WHERE  country='canada' ";
    $countrydetails = '';

    $stmt->bind_param('s', $countrydetails);

    if ($stmt = $con->prepare($query)) {

        $stmt->execute();
        $stmt->bind_result($countryId, $country, $pdogcoregion, $comments, $ccl, $category);

        while ($stmt->fetch()) {

        }

        $stmt->close();
    }

    ?>

以下是我的html代码：

  <script src="assets/jquery-jvectormap-world-mill-en.js"></script>
      <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, code) {
              var map = $('#map1').vectorMap('get', 'mapObject');
              var name = map.getRegionName(code);

              //alert(name);

              var labelText='Not Assign';

              // get from DB using ajax
              $.ajax({
                type: "POST",
                url: 'database.php',
                data: {country: 'canada'},
                dataType: "text",
                success: function(data){
                  alert(data);
              });
           });
         });

jQuery.noConflict（）；
jQuery（函数（）{
var$=jQuery；
$（“#单焦点”）。单击（函数（）{
$（'#map1'）.vectorMap（'set'，'focus'，{region'AU'，animate:true}）；
});
$（“#聚焦多个”）。单击（函数（）{
$（'#map1'）.vectorMap（'set'，'focus'，{regions:['AU'，'JP']，animate:true}）；
});
$（“#焦点坐标”）。单击（函数（）{
$（#map1'）.vectoramap（'set'，'focus'，{scale:7，lat:35，lng:33，animate:true}）；
});
$（'#focus init'）。单击（函数（）{
$（#map1'）.vectorMap（'set'，'focus'，{scale:1，x:0.5，y:0.5，animate:true}）；
});
$（'#map1'）。矢量地图({
地图：“世界磨坊”，
帕南德拉格：没错，
重点：{
x:0.5，
y:0.5，
比例：1，
动画：真实
},
系列：{
区域：[{
比例：['#688FA0']，
正规化函数：“多项式”，
价值观：{
}]
},
onRegionClick：函数（事件、代码）{
var map=$（'#map1'）.vectorMap（'get'，'mapObject'）；
var name=map.getRegionName（代码）；
//警报（名称）；
var labelText='Not Assign'；
//使用ajax从数据库获取
$.ajax({
类型：“POST”，
url:'database.php'，
数据：{国家：'加拿大'}，
数据类型：“文本”，
成功：功能（数据）{
警报（数据）；
});
});
});

---

如何将ajax与mysql php数据库连接？请帮助………

为了让javascript接收php操作的结果，您需要在database.php上回显一些内容。输出的格式可以是您想要的格式，但需要回显或打印。

如果您的问题是如何使php+ajax（无论是否有db连接，都无所谓）您可以在此处进行检查（）yes@MohammadAlabed先生。正在尝试连接php+ajax，但未连接。先生。哪个部分失败？您遇到了什么错误？到目前为止，您尝试了哪些方法来克服错误？如果我签入mozila，我在ajax代码中的错误将显示完整的php数据库文件的警告框。但我希望从数据库中显示数据