MySQLクエリのデータをjQueryでページにロード

Question

データベースをクエリし、そのデータベースからWebページのフィールドにエントリをアップロードしたいと思います。しかし、現在私が知っている唯一の方法は、PHPでクエリを実行し、読みやすい方法でページに印刷し、そのページをajaxで読み込んでHTMLを解析するというWebページを作成することです。それは非常にラウンドアバウトなやり方のように思えます。私はもっと直接的なことができますか？

明確にするために：私はドロップダウンメニューがあります。

<select name="items" id="items" size=[php variable] onChange="javascript:updatePage()"> 
    <option value="[database entry ID]">[php variable]</options> 
    <option value="[database entry ID]">[php variable]</options> 
<textarea name="stuff" id="stuff"> 
</textarea><br> 

をそして後で私が持っているでしょう：

<script src="jquery.js"></script> 
<script> 
    function updatePage() 
    { 
     var itemToLoad = $('#items').val(); 
     $.ajax({ 
      type: "POST", 
      url: 'updatepage.php', 
      data: "itemtoload=" + itemToLoad, 
      success: function(data) { 
       var stuff = data; 
       stuff = parseWhatINeed(stuff); 
       $('#stuff').text(stuff); 
      } 
     }); 
    } 
</script> 

をそしてupdatepage.phpないMySQLのクエリ、およびparseWhatINeed機能データ変数のhtmlから必要なものを解析します。これについてもっと良い方法がありますか？

Answer 1

PHPを使用してページをレンダリングするのではなく、 PHP出力にjsonを使用して解釈できるJSON文字列を出力します。 JSONを使用すると、必要なすべてのデータを格納するオブジェクトを返すことができます。レンダリングされたHTMLを転送する場合よりも、JSON文字列を転送するのに必要なリソースと帯域幅が少なくて済むため、このメソッドは通常より優れています。

Answer 2

データベースからフェッチしたデータからJSONオブジェクトを作成し、Ajaxコールの応答として返すのはなぜですか？次に、JavaScriptを使用してこれらの値をHTML。それはより速く、トラフィックを減らします。