php - JqueryAjax各関数はdoubleを返します

Question

基本的にデータベースからユーザーのリストを取得し、その情報をdivに挿入するJquery関数があります。問題は、私が二重の結果を得るということです。これは、データベースから取得するのは初めてです。データベースに送信したのはこれまでだけです。どんなヘルプでも大歓迎です。

ありがとう ：）

Jqueryコードは次のとおりです。

$(function () {
    $.ajax({                                      
        url: 'data.php', 
        data: "", 
        dataType: 'json',  
        success: function(rows) {
            for (var i in rows) {
                var row = rows[i];          
                var id = row[0];
                var name = row[1];
                var mobile = row[2];
                var address = row[3];
                var email = row[4];

                $.each(rows, function() {
                    $('#contain').append('<div id="name">' + '<span>' + name + '</span>' + '</div>' + '<div id="id">' + id + '</div>' + '<div id="mobile">' + mobile + '</div>' + '<div id="address">' + address + '</div>' + '<div id="email">' + email + '</div>');
                });
            } 
        } 
    });
}); 

とPHP：

$result = mysql_query("SELECT * FROM $tableName");
$data = array();
while ( $row = mysql_fetch_row($result) )
{
    $data[] = $row;
}
echo json_encode( $data );

Answer 1

問題はここにあると思います：

$.each(rows, function (){
     $('#contain').append('<div id="name">'+'<span>'+name+'</span>'+'</div>'+'<div id="id">'+id+'</div>'+'<div id="mobile">'+mobile+'</div>'+'<div id="address">'+address+'</div>'+'<div id="email">'+email+'</div>');
});

あなたはただするべきです

$('#contain').append('<div id="name"><span>'+name+'</span></div><div id="id">'+id+'</div><div id="mobile">'+mobile+'</div><div id="address">'+address+'</div><div id="email">'+email+'</div>');