0

私はこのjsonオブジェクトを持っています:

[
    {
        "company_name": "Spix Clothing Co."
    },
    {
        "company_name": "spixel"
    },
    {
        "company_name": "WebNiJose Co."
    }
]

ご覧のとおり、名前のないオブジェクトで、その中に 3 つのオブジェクトがあります。

これをどのように処理すればよいのだろうか。それぞれを に追加したい<ul></ul>。

ちなみに、これは次のような ajax 呼び出しからの応答です。

success : function(output) {
     console.log(output);
}

そして、phpファイルは次のように発火します：

echo json_encode($result);

それをどのように処理するのが最善の方法だと思いますか?

4

1 に答える 1

1

受け取った応答は実際には配列であるため、この状況を次のように処理します。

  • 文字列を解析して、JavaScript で使用できるオブジェクトにします。

    var companyObject = JSON.parse(output);

  • 配列をループしてオブジェクト属性を取り出し、<li>会社名などを含む新しい要素を作成します。JQuery は、必要に応じて使用できる自動インデックスを提供します。<ul>(マークアップに「コンテナー」の ID を持つ要素が既にあると仮定します。)

    var $container = $('#container');            // where to append the <li>
$.each(companyObject,function(i,company){
    var $newElement = $('<li/>');            // create a new <li> element
    $newElement.html(company.company_name);
    $container.append($newElement);          // attach the new <li> element
});​​

完全な例を次に示します: http://jsfiddle.net/mNzm9/2/

于 2012-11-02T18:40:05.357 に答える