Ajax jquery post script funktioniert nicht

Question

Ich folge diesem Tutorial https://openenergymonitor.org/emon/node/107. Was ich versuche zu tun ist, verwenden Sie jquery und PHP, um Daten aus einer MySQL-Datenbank zu erhalten. Ich habe genau das getan, was das Tutorial gesagt hat, aber ich kann es nicht funktionieren lassen. Ich bekomme die Fehlermeldung, wenn ich die Seite lade. Diese

ist das, was ich getan habe:

api.php:

$dbhandle = mysql_connect($hostname, $username, $password) 
or die("Unable to connect to MySQL"); 

$selected = mysql_select_db($db,$dbhandle) 
or die("Could not select examples"); 

$result = mysql_query("SELECT * FROM todolist"); 
$array = mysql_fetch_row($result); 

echo json_encode($array); 

(. Ich weiß, dass es besser ist, PDO zu verwenden, aber das ist nur zum Testen)

Das jquery-Skript:

<script language="javascript" type="text/javascript"> 
    $(function() { 
      $.ajax({          
       url: 'api.php', data: "", dataType: 'json', 
       success: function(data) { 
       var id = data[0]; 
       var description = data[1]; 
       $('#output').html("<b>id: </b>"+id+"<b> description: </b>"+description); 
       }, 
       error: function() { 
       alert("Fail"); 
       } 
      }); 
      }); 
    </script> 

Als ich api.php besuchen das ist, was ich bekommen:

["161","true","werken\n","12"] 

wenn ich console.log (Argumente) verwenden, um dies zeigt sich:

[Object, "parsererror", SyntaxError: Unexpected token < in JSON at position 0 at Object.parse (native) at parseJSON …] 
0 
: 
Object 
1 
: 
"parsererror" 
2 
: 
SyntaxError: Unexpected token < in JSON at position 0 at Object.parse (native) at parseJSON (https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js:16:11709) at b$ (https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js:16:1382) at w (https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js:18:8326) at XMLHttpRequest.d (https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js:18:14247) 
callee 
: 
(err) 
length 
: 
3 
Symbol(Symbol.iterator) 
: 
values() 
__proto__ 
: 
Object 

Ich versuche, etwa 3 bis machen diese Arbeit für Stunden jetzt, und es macht mich ziemlich verrückt. Ich hoffe, dass jemand das Problem mit meinem Skript erklären kann.

Edit:

ich es fest. Es gab ein Problem mit einer Seite in der api.php.

Answer 1

Es liegt wahrscheinlich daran, dass die URL keinen absoluten Pfad verwendet. Führen Sie dies auf Ihrem lokalen Rechner aus? Sind die 2 Skripte (html und php) im gleichen Verzeichnis?

Sie sollten versuchen, das Developer Tool Ihres Browsers zu verwenden, um den Netzwerk-AJAX-Aufruf zu überprüfen und zu verfolgen. Sie erhalten wahrscheinlich einen Fehler 404.

Sie können weitere Informationen über den Fehler erhalten, indem dies zu tun:

error: function(err) { 
       console.log(err); 
       } 

Die Details der Fehler auf Ihrer Entwickler-Tool-Konsole angezeigt. In den meisten Fällen werden die Entwicklerwerkzeuge durch Drücken von Strg + Umschalt + I auf dem PC oder über das Browser-Menü geöffnet.