Question

我正在使用jquery移动框架开发移动应用程序，我想使用javascript和ajax更改页面内容，但我没有得到预期的结果。请你帮我。这是代码：

connection.php

<?php
    $dbhost="localhost";
    $dbuser="root";
    $dbpass="";
    $db="mobileapp";
    $conn=mysql_connect($dbhost,$dbuser,$dbpass) or die("Could not connect");
    mysql_select_db($db);
    ?>

index1.php

<?php
    include 'connection.php';
    $fetch="SELECT * from users";
    /**
    $result=mysql_query($query) or die(mysql_error());
    //while($person=mysql_fetch_array($result)){
    $person=mysql_fetch_array($result)
    echo json_encode($person);**/
    while ($row = mysql_fetch_array($fetch, MYSQL_ASSOC)) {
      $row_array['id'] = $row['id'];
      $row_array['username'] = $row['username'];
      $row_array['city'] = $row['city'];

      array_push($return_arr,$row_array);
    }

echo json_encode($return_arr);


    //}
?>

的index.html

<html> 
            <head> 
            <title>My Page</title> 
            <meta name="viewport" content="width=device-width, initial-scale=1"> 
            <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-.0.1.min.css" />
            <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
            <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js">    </script>
            <script type="text/javascript" src="global.js">
            </script>

        </head> 
        <body> 

        <div data-role="page" id="page1">

            <div data-role="header">
                <h1>Railway Station</h1>
            </div><!-- /header -->


            <div data-role="content">
            <input type="button" value="Refresh" id="submit" data-icon="refresh" /></br>
            <ul data-role="listview" id="list"> </ul>
        <script id="source" language="javascript" type="text/javascript">
                $(document).live('pageinit',function (event) {
                    $.ajax({
                        url: 'index1.php',
                        data:"",
                        dataType: 'json',
                        success: function(rows) 
                            { 
                                for(var i=0;i<rows.length;i++) 
                                    { 
                                        var row = rows[i]; 
                                        var id = row[0]; 
                                        var name= row[1]; 
                                        var city= row[2];
                                        $('#list').append("<li>id:"+id+"Name:"+name+"City:"+city+"</li>");
                                    } 
                            };
                    });
                }); 
        </script>


        </div>
        </div>
        <div data-role="footer">
                <h1>&copy;AmeyPat.All Rights Reserved.</h1>
            </div><!-- /footer -->




        </body>
  </html>

更改jquery mobile的内容

0 个答案: