jQuery的列表視圖中加載JSON數據不能正常工作，請幫我

jQuery Mobile的列表視圖中加載JSON數據不能正常工作，請幫我jQuery的列表視圖中加載JSON數據不能正常工作，請幫我

我正在創建PHP代碼ganerate JSON文件，我試圖載荷JSON數據到我的jQuery Mobile的列表視圖，但沒有加載

克羅姆控制檯錯誤是：「未捕獲的ReferenceError：JSON沒有定義」

請解決這個

我的jQuery Mobile的index.html的代碼

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 
    <title>View Source</title> 

<link href="css/jquery.mobile-1.3.1.min.css" rel="stylesheet" type="text/css"/> 
<script src="js/jquery-2.0.2.min.js" type="text/javascript"></script> 
<script src="js/jquery.mobile-1.3.1.min.js" type="text/javascript"></script> 


<link href="css/mystyles.css" rel="stylesheet" type="text/css"/> 
<script src="js/myscript.js" type="text/javascript"></script> 



</head> 
<body> 

<div data-role="page" id="cat"> 
    <div data-role="header" data-position="fixed"> 
     <h1>Categories</h1> 
    </div> 
    <div data-role="content"> 
     <ul id="list" data-role="listview"> 

     </ul>  
    </div> 


    <script type="text/javascript"> 

      $(document).on('pagebeforeshow', '#cat', function(){ 


       var url="http://localhost:8888/coupns/index.php"; 

       $.getJSON(url,function(data){ 
        //loop through deals 
        $.each(json.posts,function(i,dat){ 
         $("#list").append("<li><b>ID: </b>"+dat.id+ 
              "<b> Name: </b>"+dat.shop+ 
              "<b> Description: </b>"+dat.dec+ 
              "<b> Limit: </b>"+dat.cat+ 
              "<b> Rest ID </b>"+dat.expdate+ 
              "</li>"); 
        }); 
        $("#list").listview('refresh'); 
       }); 
      }); 
     </script> 



    <div data-role="footer" data-position="fixed">  
    <div data-role="navbar" data-iconpos="top"> 
     <ul> 
      <li><a data-icon="grid" class="ui-btn-active ui-state-persist" href="#">Categories</a></li> 
      <li><a data-icon="grid" href="#bys">By Shop</a></li> 

     </ul> 
    </div><!-- /navbar --> 
</div><!-- /footer --> 







</div> 

<div data-role="page" id="bys"> 
    <div data-role="header" data-position="fixed"> 
     <h1>By Shop</h1> 
    </div> 
    <div data-role="content"> 
     <ul data-role="listview"> 
      <li><a href="#page2">Page Two</a></li> 

     </ul>  
    </div> 

    <div data-role="footer" data-position="fixed">  
    <div data-role="navbar" data-iconpos="top"> 
     <ul> 
      <li><a data-icon="grid" href="#cat">Categories</a></li> 
      <li><a data-icon="grid" class="ui-btn-active ui-state-persist" href="#">By Shop</a></li> 

     </ul> 
    </div><!-- /navbar --> 
</div><!-- /footer --> 

</div> 

</body> 
</html>

我的PHP JSON編碼代碼

<?php 


$con=mysqli_connect("localhost","root","root","coupns"); 
// Check connection 
if (mysqli_connect_errno()) 
    { 
    echo "Failed to connect to MySQL: " . mysqli_connect_error(); 
    } 

$result = mysqli_query($con,"SELECT * FROM coupns"); 


$posts = array(); 
    if(mysqli_num_rows($result)) { 
     while($post = mysqli_fetch_assoc($result)) { 
      $posts[] = array('post'=>$post); 
     } 
    } 

header('Content-type: application/json'); 

echo json_encode(array('posts'=>$posts)); 

?>

的json數據進行賣出期權是

{"posts":[{"post":{"id":"1","shop":"ebay.in","cat":"online shopping all ","expdate":"2013-06-30","dec":"Credit Card\t 6% Off!\tUse Coupon Code:\r\nCHDFCEBAY1"}}]}

來源

2013-06-30 Ashok reddy

$.each(json.posts,function(i,dat){這應該是$.each(data.posts,function(i,dat){

來源

2013-06-30 12:27:34

jQuery的列表視圖中加載JSON數據不能正常工作，請幫我

回答

相關問題