PHP文件只通过AJAX发送“parsererror”

时间:2016-05-23 18:32:55

标签: javascript php jquery ajax

解决方案:在与@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","c‌​ountry_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请求。

2 个答案:

答案 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') }