如何在JavaScript中连接php数据库文件？

2023年7月28日 150次阅读

我使用Jvector Map作为默认的Jvector映射它的工作悬停功能.现在我改变了悬停点击功能.但是现在我想从
database.i创建php数据库显示国家/地区详细信息？我不知道如何调用我的数据库php文件？

码：

<!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',

最佳答案 答案很简单,但您需要进行更多编码.

首先,您需要意识到,JavaScript应用程序无法直接连接到您的数据库(如果可以,您必须在JS应用程序中存储数据库凭据并将其显示给所有人).

JavaScript应用程序通常使用AJAX获取数据 – 您需要配置一个Web服务器,在某个端点(例如http://example.com/getdata.php)返回JSON响应.然后可以将其加载到您的JS应用程序中.

getdata.php脚本只是一个简单的PHP脚本,它连接到数据库并选择所有必需的数据并将它们编码为JSON并写入输出(不要忘记添加Content-Type：application / json标头).

点赞