如何用javascript连接php数据库文件？_Javascript_Php_Jvectormap

如何用javascript连接php数据库文件？

javascript php

如何用javascript连接php数据库文件？,javascript,php,jvectormap,Javascript,Php,Jvectormap,我已经使用Jvector Map作为默认的Jvector Map的工作悬停函数。现在我将悬停改为单击函数。但现在我想从数据库中显示国家详细信息。我已经创建了php数据库？我不知道如何调用我的数据库php文件代码：国家足迹 jQuery.noConflict（）； jQuery（函数（）{ var$=jQuery； $（“#单焦点”）。单击（函数（）{ $（'#map1'）.vectorMap（'set'，'focus'，{region'AU'，animate:true}）； }); $（“

我已经使用Jvector Map作为默认的Jvector Map的工作悬停函数。现在我将悬停改为单击函数。但现在我想从数据库中显示国家详细信息。我已经创建了php数据库？我不知道如何调用我的数据库php文件

代码：


国家足迹
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']，
正规化函数：“多项式”，

答案很简单，但您需要进行更多的编码

首先，您需要意识到，JavaScript应用程序无法直接连接到数据库（如果可以，您必须将数据库凭据存储在JS应用程序中，并向所有人公开）

JavaScript应用程序通常使用AJAX获取数据-您需要在某个端点配置一个Web服务器（例如

http://example.com/getdata.php

）返回JSON响应。然后可以将其加载到JS应用程序中

getdata.php

脚本只是一个简单的php脚本，它连接到数据库并选择所有必需的数据，将它们编码为JSON并写入输出（不要忘记添加

Content-Type:application/JSON

头）。

谢谢您的评论。我已经尝试过了，但没有连接

<!DOCTYPE html>
<html>

<head>
  <title>Country Footprint</title>
  <link rel="stylesheet" media="all" href="../jquery-jvectormap.css"/>
  <script src="assets/jquery-1.8.2.js"></script>
  <-- jvectormap scripts here -->
  <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',