使用php向Mysql发送Ajax JQuery请求不适用于JSON

Question

我在此工作了好几个小时，但无法在您的网站上找到解决方案。我有一个jsonTable.php谁连接到数据库，并通过回声返回JSON：

{ 
    "livres": [{ 
     "titre": "John", 
     "auteur": "Doe", 
     "annee": "1989" 
    },{ 
     "titre": "Anna", 
     "auteur": "Smith", 
     "annee": "1989" 
    },{ 
     "titre": "Peter", 
     "auteur": "Jones", 
     "annee": "1989" 
    }] 
} 

我使用jQuery的代码很简单，它是：

$.ajax({ 
    url: 'jsonTable.php', 
    type: 'GET', 
    dataType : 'json', 
    /*data: { 
     json: jsonData 
    },*/ 
    success: function (response) { 
     alert(response); 
     console.log(response); 
     var trHTML = ''; 
     $.each(response, function (item) { 
      trHTML += '<tr><td>' + item.titre + '</td><td>' + item.auteur + '</td><td>' + item.annee + '</td></tr>'; 
     }); 
     $('#records_table').append(trHTML); 
    } 
}); 

的问题是它不工作，返回错误：

Uncaught TypeError: Cannot use 'in' operator to search for '179' in {"livres":[
{"titre":"John", "auteur":"Doe", "annee":"1989"},
{"titre":"Anna", "auteur":"Smith", "annee":"1989"},
{"titre":"Peter", "auteur":"Jones", "annee":"1989"}
]}

奇怪的是我没有找到那么多的例子，我可以通过我自己来解决它。

Answer 1

response不包含要循环的数组，response.livres。

所以，你可能只需要将其更改为：

$.each(response.livres, function (item) { 
       ^^^^^^^ here 
    ... 

Answer 2

这里是jsonTable.php文件：

<?php 




$dbhote = "localhost"; 
$dbutilisateur = ""; 
$dbpasse = ""; 
$dbnom = ""; 

$erreur = false; 

//Connexion MySQL Server 

try { 
    $connexion = new 
      PDO('mysql:host=' . $dbhote . ';dbname=' . $dbnom, $dbutilisateur, $dbpasse); 
} catch (Exception $e) { 
    echo 'Erreur : ' . $e->getMessage() . '<br />'; 
    echo 'Num : ' . $e->getCode(); 
    $erreur = true; 
} 

if (!$erreur) { 



    $query = "SELECT * FROM livres WHERE 1"; //WHERE sexe = '$sexe'"; 


    $req_prepare=$connexion->prepare($query); 
    $req_prepare->execute(); 

    $encode = array(); 


    while($ligne = $req_prepare->fetch(PDO::FETCH_ASSOC)) { 
    $encode[] = $ligne;   
    }  
    $req_prepare->closeCursor(); 


    // echo json_encode($encode); 
    $encode = '{"livres":[ 
    {"titre":"John", "auteur":"Doe", "annee":"1989"}, 
    {"titre":"Anna", "auteur":"Smith", "annee":"1989"}, 
    {"titre":"Peter", "auteur":"Jones", "annee":"1989"} 
]}'; 
    echo json_encode($encode);   
} 
?> 

的index.php文件有：

$.ajax({ 
    url: 'jsonTable.php', 
    type: 'GET', 
    dataType : 'json', 
    /*data: { 
     json: jsonData 
    },*/ 
    success: function (response) { 
     alert(response); 
     console.log(response); 
     var trHTML = ''; 
     $.each(response.livres, function (item) { 
      trHTML += '<tr><td>' + item.titre + '</td><td>' + item.auteur + '</td><td>' + item.annee + '</td></tr>'; 
     }); 
     $('#records_table').append(trHTML); 
    } 
}); 

我在控制台收到错误： Uncaught TypeError：无法读取未定义的属性“长度” 这来自$ .each，但我不知道是什么！