[SOLUCIONADO] Error con JSON, php y mysql al mostrar datos en tiempo real

[santa2r]

Hola estoy intentando tomar datos de una DB en MySql que se encuentra en un archivo datossensor.php con JSON pero tengo dos errores y e intentado de todo y nada.

El codigo:

datossensor.php

Código PHP:

<?php
header('Content-Type: application/json');
$pdo=new PDO("mysql:dbname=admin_expertiot;host=expertosiot.ml","admin_expertiot","sim495975");
switch($_GET['q']){
        // Buscar Último Dato
        case 1:
          $statement=$pdo->prepare("SELECT data_temp FROM data ORDER BY data_id DESC LIMIT 0,1");
            $statement->execute();
            $results=$statement->fetchAll(PDO::FETCH_ASSOC);
            $json=json_encode($results);
            echo $json;
        break;
        // Buscar Todos los datos
        default:
 
            $statement=$pdo->prepare("SELECT humedad,temperatura FROM tblsensores ORDER BY id ASC");
            $statement->execute();
            $results=$statement->fetchAll(PDO::FETCH_ASSOC);
            $json=json_encode($results);
            echo $json;
        break;
 
}
?>
 

Codigo donde del archivo donde llamo a los datos.

Código Javascript:

setInterval(function() {
  var JSON=$.ajax({
                url:"https://18.230.40.218/datossensor.php?q=1",
                dataType: 'json',
                async: false}).responseText;
  var Respuesta = jQuery.parseJSON(JSON);
    hand.showValue(Respuesta[0].data_temp, 1000, am4core.ease.cubicOut);
}, 1000);
 

Los errores por consola son estos:

Código:

jquery.js:8630 GET https://18.230.40.218/datossensor.php?q=1 net::ERR_CERT_COMMON_NAME_INVALID
send	@	jquery.js:8630
ajax	@	jquery.js:8166
(anonymous)	@	dashboard-test.php:578
setInterval (async)		
(anonymous)	@	dashboard-test.php:577
e	@	core.js:1

Código:

Uncaught SyntaxError: Unexpected token u in JSON at position 0          VM8945:1 
    at JSON.parse (<anonymous>)
    at Function.jQuery.parseJSON (jquery.js:7522)
    at dashboard-test.php:582
jQuery.parseJSON @ jquery.js:7522
(anonymous) @ dashboard-test.php:582
setInterval (async)
(anonymous) @ dashboard-test.php:577
e @ core.js:1

[Triby]

El certificado de seguridad del sitio es inválido, cambia de https a http a ver si con eso se corrige.

[santa2r]

Me sale eso cuando cambio de https a http

Código:

Mixed Content: The page at 'https://expertosiot.ml/dashboard-test.php' was loaded over HTTPS, 
but requested an insecure XMLHttpRequest endpoint 
'http://18.230.40.218/datossensor.php'. This request has been blocked; the content must be served over HTTPS.

[santa2r]

Lo he solucionado muchas gracias Triby, porque gracias a tus palabras me orientaste y se me ocurrio cambiar la direccion url directamente la puse asi.

Código:

setInterval(function() {
  var JSON=$.ajax({
                url:"datossensor.php",
                dataType: 'json',
                async: false}).responseText;
  var Respuesta = jQuery.parseJSON(JSON);
  var iNum = parseInt(Respuesta[0].data_temp);
  console.log(iNum);
    hand.showValue(iNum, 1000, am4core.ease.cubicOut);
}, 1000);