2017-02-14 7 views
0

JSONを使用してPHPからブラウザにデータを送信したいとします。私はプロセスを理解していると思う - 下の私の例のコードを見てください。しかし、誰かがこれが正しい方法ではないと私に言った。私は3日間研究していますが、私の英語は貧しいので、私は答えを見つけたとは確信していません。jsonを適切に使用するには

私は何のために期待していますがJSONを受信して​​、そのようなdivのようなHTML要素にそれを注ぐ、とCSSを経由してそれにスタイルを与えるコードのサンプルである、など

私は本当にただの一例をしたいですどのように私はそれから学ぶことができ、自分自身のニーズのために自分自身を拡張することができますが、私はこのアプローチが正しいと悪いコードを書いたくないという自信がありません。

おかげ

Javascriptを

$(document).ready(function() { 
    $.ajax({ 
     type : 'POST', 
     url : 'server.php', 
     dataType:"json", 
     success : function (data) { 
      $("#orders").html(JSON.stringify(data)); 
     } 
    }); 
}); 

PHP

<?php 
    $db = new PDO('mysql:host=localhost;dbname=Contact', 'root', ''); 
    $statement=$db->prepare("SELECT * FROM myfeilds"); 
    $statement->execute(); 
    $results=$statement->fetchAll(PDO::FETCH_ASSOC); 
    $json=json_encode($results); 
    echo $json; 
?> 
+0

試してみるようないくつかのテンプレートエンジンを使用することです:アプリケーション/ JSON –

+1

だから、あなたの正確な質問は何ですか? –

+0

これはまあまあですが、JSONをajax関数に返す方法とまったく同じです。あなたがスタイルなどでより良い出力したい場合は、複数の要素を使用し、システムのいくつかの並べ替えを作成する必要があります。 – adeneo

答えて

1
$(document).ready(function() { 
    $.ajax({ 
     type : 'POST', 
     url : 'server.php', 
     dataType:"application/json", 
     success : function (data) { 
      var jsns=JSON.parse(data); 
      $("#orders").html("");//clear the div 
      for(var i in data) 
      { 
      var id = data[i].id; 
      var name = data[i].name; 
      $("#orders").append("<span>"+id+"-"+name+</span>);//append each element 
      } 
     } 
    }); 
}); 

サーバー側のPHPは、すでに変換した後のオブジェクトの配列を..あなただけのループすることができますJSONを返しているので、それをJSONに変換してDOM操作を行います。

それを行うための最善の方法は、型にunderscore.js

+0

何かを提供してくれてありがとう@Raj - 私は彼のオリジナルは少し読んでいたので、OPの質問を編集しました。彼は容認できる答えを得てうれしい。 –

関連する問題