1

Yelp 開発者サイトの JavaScript の例を試してみました。すべてが機能していますが、JSON データを html リスト (ul) に追加する方法を知りたいです。リストには私の町のレストランが含まれているはずです。誰もこれを行う方法を知っていますか?

PS PHPもOKです。

編集： 回答ありがとうございますが、まだ機能しません。Yelp API のドキュメントが不十分であり、JSON と PHP を初めて使用するため、詳細を説明することはできません。

4

2 に答える 2

0

JSON オブジェクトが Ajax リクエストの一部として返される場合、漠然と次のようなものが必要になります。

$.post("yourajaxrequest.php", //calls .php file and transmits data via $_POST
                {
                    //variables required by the PHP file go here
                },
                //the function to perform when an object is returned from .php file
                function(toreceive){
                    var obj = JSON.parse(toreceive);
                    var first = obj.returnone;
                });

Yelp のドキュメントを読まないと、Yelp からオブジェクトを受け取る方法がよくわかりませんが、JSON.parse()メソッドはオブジェクトをデコードするために取るべきアプローチです。

オブジェクトを変数に解析した後、呼び出してオブジェクトの要素を割り当てることができますobject.*insert array value here*;

これは通常、PHP で次のように宣言されます。

$toencode = "The first string to be encoded";
$tosend['returnone'] = $toencode;
echo json_encode($tosend);
exit;

<ul>次に、を使用してに追加できます.append

<html>
<head>
</head>
<body>
    <ul id="list">
    </ul>
</body>
</html>

あなたの<script>：

$('#list').append('<li>'+first+'</li>');

サンプル コードや Yelp のドキュメントを読まなければ、これ以上先に進むことはできません。

それが役に立てば幸い。

**コードの最初の行に閉じ括弧とセミコロンを追加するように編集。

于 2013-03-16T11:34:44.777 に答える
-1

API呼び出しの出力が[「何とか」、「何とか」、「何とか」、「何とか」]であると仮定します

$("#container").append("<ul>");

$.ajax({
  // options go here

  success: function(datas){
    for(var i in datas){
      var data = datas[i];
       $("#container ul").append("<li>"+data+"</li>");
    }
  }
});

デモ: http://jsfiddle.net/cDU52/1/ - 修正済み

読む: http://api.jquery.com/append/

read:オブジェクトをメンバーとしてプレーンな JavaScript オブジェクトをループする方法は?

于 2013-03-16T11:25:05.540 に答える