试图从php接收json和ajax并打印结果在HTML

Question

我想使用phonegap使应用程序。我试图做一个选择使用PHP返回结果到ajax函数并打印结果...但我不知道我是否正确，我需要把我的HTML代码放在显示结果。

Ajax代码：

$(document).ready(function() { 

$.ajax({ 

    url : 'http://ip/again/www/index.php', 

    dataType : "json", 

    success : function(data){ 

     var html = ""; 


     for($i=0; $i < data.length; $i++){ 

      html += "<strong>Nome:</strong> "+data[$i].nome +" "+ 
      data[$i].sobreNome; 

      html += " <strong>Cidade:</strong> "+data[$i].cidade; 

      html += "<br />"; 
     } 


     $('body').html(html); 
     } 
    }); 
    }); 
</script> 

PHP代码：

<?php 
$hostname = 'localhost'; 
$username = 'root'; 
$password = 'pass'; 
$database = 'mydb'; 

try { 
$pdo = new PDO("mysql:host=$hostname;dbname=$database", $username, 
$password, array(PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES utf8")); 
    //echo 'Conexao efetuada com sucesso!'; 
} 
catch(PDOException $e) 
{ 
    echo $e->getMessage(); 
} 

$sql = 'SELECT * FROM incidente ORDER BY codigo' ; 


try { 

$recebeConexao = $pdo->prepare($sql); 

$recebeConexao->execute(); 

$result = $recebeConexao->fetchAll(); 


if (count($result)) { 
foreach($result as $row) { 
    $incid=$row; 
     echo (json_encode($incid)); 

} 
} else { 
$incid=0; 
} 


} catch (PDOException $ex) { 
echo "Erro no Banco"; 
} 

?> 

Answer 1

你错误地写for循环。你必须与var关键字声明你的变量，像这样：

for(var $i = 0; $i < data.length; $i++) { 
    // ... 
} 

因为你的脚本不返回数组，该length属性将不可用。

当您使用Javascript处理对象时，您将需要使用for...in语法（making sure to validate that the property belongs to the object you're iterating over）。

但是，您提供的代码不会返回对象或数组，因为JSON格式不正确。

一个API的正确方法返回多个，无序的JavaScript对象将他们包裹在一个数组，像这样：

if(count($result)) { 
    $list = array(); 

    foreach($result as $row) { 
     $list[] = $row; 
    } 

    echo json_encode($list); 
} 

$.ajax({ 
    // ... 
    success: function (data) { 
     // Loop over each object, since your script should ideally return an array 
     for (var $i = 0; $i < data.length; $i++) { 
      var object = data[$i]; 

      html += '<strong>Nome:</strong> ' + object.nome + ' ' + object.sobreNome; 

      // etc... 
     } 
    } 
});