0

jQueryを使用して、サーバー上のPHP呼び出しでグリッドを作成しようとしています。グリッドに何も表示されないか、エラー メッセージが表示されます。

接続 JS:

$(document).ready(function(){
    var output = $('#output');

    $.ajax({
        url: 'conexresumenu.php',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        timeout: 30000,
        success: function(data, status){
            $.each(data, function(i,item){ 

                var landmark ='<div class="ui-block-a ui-bar-c" style="width:50px">'+item.id+'</div><div class="ui-block-b ui-bar-c" style="width:80px">'+item.username+'</div><div class="ui-block-c ui-bar-c" style="width:80px">'+item.join_date+'</div><div class="ui-block-d ui-bar-c" style="width:50px">'+item.is_active+'</div>';

                output.append(landmark);
            });
        },
        error: function(){
            output.text('Hubo un error al cargar los datos');
        }
    });
});

このスクリプトを取得するHTMLファイル：

<!DOCTYPE html> 
<html>
<head>
<meta charset="UTF-8">
<title>Manager</title>
<link href="cssmain.css" rel="stylesheet" type="text/css"/>
<script src="jquery-1.5.min.js" type="text/javascript"></script>
<script src="jquery.mobile-1.0a3.min.js" type="text/javascript"></script>
<!-- Esta referencia a phonegap.js permitirá disponer de sugerencias para el código, siempre y cuando el sitio actual se haya configurado como aplicación móvil. 
     Para configurar el sitio como aplicación móvil, vaya a Sitio -> Aplicaciones móviles -> Configurar framework de aplicación... -->

<script src="/phonegap.js" type="text/javascript"></script>

<script src="js/resumenu.js"></script>

</head> 
<body> 

<div data-role="page" id="page">
    <div data-role="header">
        Users
    </div>
    <div data-role="content">   

        <h3> Usuarios </h3><div id='output' class=ui-grid-c>

      <div class="ui-block-a ui-bar-c" style="width:50px">ID</div>
      <div class="ui-block-b ui-bar-c" style="width:80px">Username</div>
      <div class="ui-block-c ui-bar-c" style="width:80px">Alta</div>    
      <div class="ui-block-d ui-bar-c" style="width:50px">Status</div>
    </div>


</div>

</body>
</html>

そして今、サーバー上の PHP CALL:

$con = mysql_connect($server, $username, $password) or die ("Could not connect: " . mysql_error());
mysql_select_db($database, $con);


 $query = mysql_query("SELECT id, username, join_date, is_active FROM members", $con) or trigger_error(mysql_error());


//create an output array
$output = array();

//if the MySQL query returned any results
if (mysql_affected_rows() > 0) {


    //iterate through the results of your query
    while ($row = mysql_fetch_assoc($query)) {

        //add the results of your query to the output variable
        $output[] = $row;
    }


    //send your output to the browser encoded in the JSON format
    echo json_encode(array('status' => 'success', 'items' => $output));

} else {

    //if no records were found in the database then output an error message encoded in the JSON format
    echo json_encode(array('status' => 'success', 'items' => $output));
}
4

3 に答える 3