2013-04-05 70 views
1

我正在嘗試使用jQuery的$ .ajax編寫AJAX調用,但我不確定是否正確,尤其是創建HTML部分。寫入AJAX以接收JSON文件?

我真的很新,但我試圖在Javascript文件中編寫HTML來創建列出左側列的頭像,名稱,位置以及右側的日期和故事的HTML手列。

我的JSON至今:

var user = [ 
    {'avatar': 'image' 
    'author': 'name', 
    'location': 'location', 
}, 
    {'date': 'date', 
    'review': 'review'} 
]; 

附件是JavaScript的AJAX文件:http://jsfiddle.net/AryX8/

我敢肯定大部分是不正確寫入,因爲我不知道究竟如何抓住JSON的東西,並將其作爲HTML輸入到我的HTML頁面。到目前爲止,我的HTML文件上有一個空的div容器。而已。如何將這3個文檔合併到一起,尤其是如何在成功區域中使用javascript編寫ajax函數調用以創建html?

更新:

我想要在JSON文件中的數據。通過編寫Javascript/jQuery AJAX調用來獲取數據,並通過我的html文件輸出(換句話說,當這個html文件即index.html頁面被加載時),JSON文件中的所有數據將顯示通過Javascript/jQuery/AJAX成功字段格式化。

+0

你是否試圖檢索html頁面的內容並將它們加載到另一個頁面上? – 2013-04-05 19:56:51

+1

這不是JSON。看看http://json.org/和http://jsonlint.com/ – Quentin 2013-04-05 19:57:54

回答

0

您的JSON似乎無效,但小提琴看起來像可能工作。

嘗試從你的服務器相呼應更多的東西是這樣的:

var validJSON = { 
    "array": [ 
     { 
      "avatar": "johnny", 
      "location": "location" 
     }, 
     { 
      "avatar": "mikey", 
      "location": "location" 
     } 
    ] 
}; 
0

的JSON,應該以「{」讓喜歡它編譯這一切! 您提供的數組以'['開頭。這意味着這是一個變量或放置在它之前的對象的數組!