Làm cách nào để tìm nạp dữ liệu từ cơ sở dữ liệu MySQL trong JavaScript để xây dựng biểu đồ?

Sau khi bạn thực hiện lựa chọn trong DB của mình, bạn phải trả lại câu trả lời ở định dạng json (đối với tôi, tôi vừa tạo một mảng với giá trị để kiểm tra):

Tệp php của bạn (tôi là serv.php):

$data = array([1, 19], [2, 11], [3, 14], [4, 16]);
// replace $data by your code to select in DB
echo json_encode($data);

Bây giờ bạn phải nhận được phản hồi trong mã javascript của bạn. Để làm điều đó, bạn phải thực hiện yêu cầu "GET" trong javascript hoặc jQuery (trong trường hợp của tôi là jQuery):

Đây là tệp js của bạn:

$.ajax({
   url : 'serv.php', // your php file
   type : 'GET', // type of the HTTP request
   success : function(data){
      var obj = jQuery.parseJSON(data);
      console.log(obj);
   }
});

Và trong obj bạn có dữ liệu của mình:

Vì vậy, bây giờ bạn có dữ liệu của mình và để truy cập, là một mảng như vậy:

 - obj[0] contains [1, 19], obj[0][0] contains 1 and obj[0][1] contains 19
 - obj[1] contains [2, 11], obj[1][0] contains 2 and obj[1][1] contains 11 ...

Trong trường hợp của bạn, variable1 giống với obj

Chỉnh sửa Với DB của bạn:

Trước khi gửi câu trả lời, bạn phải xây dựng chính xác dữ liệu của mình. Vì vậy, trong trường hợp của bạn, bạn có một mảng nhiều chiều, cái mà tôi tạo ra khi tôi đẩy một mảng trong mảng có tên là data .

$servername = "localhost";
$username = "root";
$password = "";
$dbname = "datadb";

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

$sql = "SELECT column1, column2 FROM chartdata";  //This is where I specify what data to query
$result = mysqli_query($conn, $sql);

$data = array();
while($enr = mysqli_fetch_assoc($result)){
    $a = array($enr['column1'], $enr['column2']);
    array_push($data, $a);
}

echo json_encode($data);