用jQuery創建HTML列表？

-1

我正在製作一個創建聊天室的web應用程序。所以說，我點擊一個創造空間按鈕，讓本作中，控制檯輸出：用jQuery創建HTML列表？

{ 
    "statusCode": 200, 
    "statusText": "QUEUE_OK", 
    "data": { 
     "roomStatus": "discussion", 
     "queue": [ 
      { 
       "id": "11", 
       "user": "1", 
       "room": "11", 
       "inserted": "2013-01-19 23:58:16", 
       "status": "1", 
       "data": null, 
       "first_name": "Danny", 
       "last_name": "Sock" 
      } 
     ] 
    } 
}

我將如何去打開每個隊列進入一個HTML列表，顯示只是姓氏和名字？我以前從未使用過jquery，所以我迷路了...謝謝。

來源

2013-01-20 user202925

你是從哪裏回來的？似乎如果你正在創建一些服務器端，也許你可以返回text/html。另外，你有沒有可以綁定你的響應的HTML？ –

我建議先閱讀jQuery教程，然後：http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery。 –

與HTML相反，這很好。事實上，這是一個更好的方法在正確的地方。看看鬍子。非常容易使用模板將其轉換爲HTML並添加到頁面中。 – Popnoodles

如果你有一個這樣的HTML元素：

<ul id="list"></ul>

你可以這樣做：

var ul = $("#list"); 
$.each(json.data.queue, function (idx, elem) { 
    ul.append("<li>" + elem.first_name + " " + elem.last_name + "</li>") 
})

哪裏json是結構的問題表明，這樣的：

var json = { 
    "statusCode": 200, 
    "statusText": "QUEUE_OK", 
    "data"  : { 
     "roomStatus": "discussion", 
     "queue"  : [ 
      { 
       "id"  : "11", 
       "user"  : "1", 
       "room"  : "11", 
       "inserted" : "2013-01-19 23:58:16", 
       "status" : "1", 
       "data"  : null, 
       "first_name": "Danny", 
       "last_name" : "Sock" 
      }, 
      { 
       "id"  : "12", 
       "user"  : "1", 
       "room"  : "11", 
       "inserted" : "2013-01-19 23:58:16", 
       "status" : "1", 
       "data"  : null, 
       "first_name": "John", 
       "last_name" : "Smith" 
      } 
     ] 
    } 
};

來源

2013-01-20 02:13:18 OnaBai

用jQuery創建HTML列表？

回答

相關問題