2017-04-24 61 views
0

我想通過使用JAVASCRIPT的php url獲取數據以JSON形式傳入,並在JQuery mobile「li」標籤中顯示該數據(它將是一個完整的類別列表),但使用下面給出的代碼不顯示花樣。我會非常感激,我從最近8小時就陷入了這件事。試圖從json通過JavaScript獲取數據並顯示在jquery mobile頁面

<script> 
        var session_id = localStorage.getItem('session_id'); 
        var user_id = localStorage.getItem('user_id'); 
      $(document).ready(function() { 
      //$('#output').html('somestuff'); 

       $('#loginForm').submit(function() { 
        //$('#output').html('Connecting....'); 
        var postTo = 'http://localhost/categories.php'; 
        //alert(postTo); 
        $.post(postTo,{userid: $('[name=user_id]').val() , sessionid: $('[name=session_id]').val()} , 
         function(data) { 

          if(data.status == 'true') { 

           $("#userdata tbody").html(""); 
           $.getJSON(postTo,function(data){ 
           $.each(data.members, function(i,user){ 
           var tblRow = 
           "<li data-theme="e">" 
           +"<a data-transition="flow" href="">"+user.category+"</a>" 
            +"</li>"; 
           $(tblRow).appendTo("#userdata tbody"); 
           }); 
           }); 


          } else { 

           window.open("./MyApp.html","_self"); 
          } 

         },'json'); 

        return false; 
       }); 
      }); 
      </script> 
+0

在'function(data){'之後放置一個調試器,並檢查它在'data'中返回的結果以及如果der有錯,請檢查您的控制檯 – Curiousdev

+0

我可以看到您的完整代碼嗎? (例如HTML和categories.php) –

回答

0

$(tblRow).appendTo("#userdata tbody");應該

$("#userdata tbody").appendTo(tblRow); 

更多here about appending content to element

var tblRow ="<li data-theme="e">" 
          +"<a data-transition="flow" href="">"+user.category+"</a>" 
          +"</li>"; 

它變成

var tblRow ='<li data-theme="e">' 
          +'<a data-transition="flow" href="">'+user.category+'</a>' 
          +'</li>'; 

檢查您的控制檯它說什麼精確的對你的錯誤和確切位置在哪裏失敗。

轉問這個問題的writing html with jQuery

+0

仍然無法正常工作... :( –

+0

檢查您的控制檯是否有錯誤,並告訴我們確切的失敗位置? – Nagaraju

0

您在+"<a data-transition="flow" href="">"+有一個語法錯誤。 「flow」在引號之外(所以它被視爲一個var,但你沒有使用「+」),所以你應該在「flow」之前和之後放置單引號。 同樣適用於href。

+0

我嘗試了這些更改,但其中沒有一個正常工作.. :( –

相關問題