解决方案:在与@skobaljic的团队浏览器会话之后,他发现我实际上并没有在localhost中打开html而是使用文件系统(如file:// ...)。我为浪费每个人的时间而道歉。
我正在尝试通过Ajax发送一些php数组并打印出来,尽管得到了200 OK响应,但收到的html中没有实际效果。状态文本显示为“parsererror”。
文件如下:
<!DOCTYPE html>
<html>
<head>
<title>Page Title Woo!</title>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js'></script>
</head>
<body>
<h1>Heading</h1>
<p>Paragraph.</p>
<ul></ul>
<script type='text/javascript'>
$(document).ready(function(){
$.getJSON('DbGetter.php', function(data) {
console.log(data);
$.each(data, function(key, array) {
$('ul').append('<li id="' + key + '">'
+ array.longitude + ' '
+ array.latitude + '</li>');
});
})
.fail(function(error) {
console.log(error);
});
});
</script>
</body>
</html>
和php:
<?php
$servername = "localhost";
$username = "testuser";
$password = "password";
$dbname = "Locations";
header('Content-Type: application/json');
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql = "SELECT * FROM places";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
//declare associative array
$array = array();
$num = 0;
// output data of each row
while($row = $result->fetch_assoc()) {
//store them in an array
$place = array(
'id' => $row["id"],
'latitude'=> $row["latitude"] ,
'longitude'=> $row["longitude"],
'place_name' => $row["place_name"],
'country_code'=> $row["country_code"],
'postal_code'=> $row["postal_code"]);
/*
echo "Coordinates: " . $row["latitude"]. " " . $row["longitude"]. " - Name: " . $row["place_name"]. " " . "<br>";
*/
//building the second associative array
$array[$num] = $place;
$num += 1;
}
echo json_encode($array);
} else {
echo json_encode("0 results");
}
$conn->close();
?>
我已经尝试通过firebug查看值,但要么我是盲目的,要么就是没有存储在DOM中的任何位置。我对Web应用程序一般都很陌生,所以我不知道如何调试它。
单独运行php我得到:[{"id":"1","latitude":"57.0502","longitude":"9.9173","place_name":"1000fryd","country_code":"DK","postal_code":"9000"},{"id":"2","latitude":"58.0502","longitude":"10.9173","place_name":"same_place","country_code":"DK","postal_code":"9000"}]
这是我期望的两行。
Firebug也没有标记XHR请求。
答案 0 :(得分:1)
你在这里没有编码有效的JSON ..这会给你一个&#34; parseerror&#34;如果你尝试使用JQuery&#39; $ getJSON。请注意第275-281行的JQuery Ajax Source。
'USING SPLIT
namesData = Split(Replace(strDir,".xlsx","")," ")
first = namesData(0)
If UBound(namesData)=3 Then
last = namesData(2)
dateofbirth = namesData(3)
ElseIf UBound(namesData)=2 Then
last = namesData(1)
dateofbirth = namesData(2)
End If
您可以将其更改为:
echo json_encode("0 results");
答案 1 :(得分:0)
您正在使用$.getJSON
方法,因此数据已经正确解析。如果你没有得到JSON,它将触发fail
。
所以,只需删除:
try { JSON.parse(data); } catch (e) { console.log('Not JSon') }