【问题标题】:Pull mySQL data via PHP into an array of Javascript objects通过 PHP 将 mySQL 数据拉入 Javascript 对象数组
【发布时间】:2017-11-27 13:41:30
【问题描述】:

我正在尝试从 mySQL 中提取我的数据并将其转换为我可以传递给 google.maps API 的格式。我在想 mySQL -> php -> javascript -> google.maps 最有意义,但我绝对愿意接受其他建议。

到目前为止,我已经连接并成功地将我的数据查询到一个数组中

<?php
//library of mysql functions including linkDB()
  include('../sqlFunctions/sqlFunctions.php');

//Establish connection to database
  if($link = linkDB()){
    echo "connected to DB";
  }

//set up a MySQL query.  I am simply pulling geocoordinate ints, strings and boolean.
  $sql = "SELECT title
            ,lat
            ,lng
            ,titleYou
            ,descriptionAre
            ,privacyRockstar
      FROM shelters;";

  if($results = $link->query($sql)){
    echo "<p>Query succsessful.</p>";
  }else{
    echo "Query Failed";
  }

//initialize an array to store data
  $rows = array();

    while ($data = $results->fetch_assoc()) {
      $rows[] = $data;

      echo "<br><br>Loop rotation: ";
      var_dump($data);
    }

    echo "<br><p>The End of The Loop<p><br>";
    var_dump($rows);
?>

现在我只需要将这些数据转换为可以传递给 google.maps 的可用数据。

在我从文本文件中提取 JSON 之前,这很有效,但我想要数据库的灵活性和稳定性。很容易解析成 Javascript 对象数组。然后我可以调用我需要的索引和属性,正如你从我正在使用的这个函数中看到的那样。

function setMarkers(){
    for(i=0; i < jsonParsed.arrayOfObjs.length; i++){

//setting parameters to hand to google
      var markerOptions = {
        position : jsonParsed.arrayOfObjs[i].position,
        map : mapCanvas,
        description : jsonParsed.arrayOfObjs[i].title,
        icon: 'http://maps.google.com/mapfiles/ms/icons/blue-dot.png',
      };

    //create marker
    this ['marker' + i] = new google.maps.Marker(markerOptions);
    }
  }

感谢您为解决我的问题提供的任何帮助。

【问题讨论】:

  • $rows 数组编码为 json
  • 谢谢,这正是我所需要的。发布此消息后,我偶然发现了 encode_json() 。 _O_/

标签: javascript php mysql arrays mysqli


【解决方案1】:

听起来您已经找到了答案,但为了完整起见,我会发布。

只需将var_dump($rows) 行更改为json_encode($rows)

在 php 文档中了解更多关于 json_encode 的信息。

你可能想要两个 php 文件:

  • api.php 发出 Content-type: application/json 的文件
  • index.php 发出 Content-type: text/html 并调用 api.php 的文件

在索引页面上,您可以对 API 端点进行 AJAX 调用,然后使用JSON.parse(response)

【讨论】:

    猜你喜欢
    • 2014-07-16
    • 1970-01-01
    • 2017-10-16
    • 2012-04-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-10-01
    相关资源
    最近更新 更多