jQuery個人資料頁面>覆蓋

Question

我正在尋找創建個人資料頁面。它將使用一個無序列表，li在列視圖中向左浮動。每個li將代表一個配置文件圖片（導致覆蓋）。

我想單擊個人資料圖片並使用jQuery（一篇HTML文章）顯示它。這篇文章將是他們的個人資料頁面。我能夠創建CSS3和HTML。但是，如何將圖像及其信息稱爲文章（簡介模板）？

我使用jQuery 1.9.1當前在PHP基本網站（本地）上使用MAMP在iMac上。我可以使用數據庫，但希望使用JavaScript文件來存儲信息。

所需資料信息：

• 圖片
• 名稱
• 標題
• 挑戰者號
• 工作沒有
• EMAIL
• 報價標題
• 塊引用

任何想法？

Answer 1

1. 使用Ajax做一個PHP文件的請求，發送您點擊
從數據庫中需要查詢
3. 抓住所有的信息包這一切在一個JSON圖片的ID
4. 發回的js文件
5. 解碼成一個陣列
6. 使用JS數組的所有個人資料信息來填充HTML

http://api.jquery.com/jQuery.ajax/

//on click element, get id from element 
$.ajax({ 
    url: "getProfileInfo.php", 
    data: {id : id}, 
    success: function(data) { 
     // decode data to get your js array object 
     // step 6 
    } 
}); 

如果你陷入困境，你總是可以google一下jQuery的AJAX技術，還這裏有一個簡單的例子鏈接
http://tutorialzine.com/2009/09/simple-ajax-website-jquery/

Answer 2

你可以使用外部文件（以.json，.XML ，甚至.txt）來存儲您的數據：

1. 將信息存儲到XML/JSON文件中，
2. 然後通過解析您的XML/JSON成一個對象JS檢索領域
3. 填寫你的HTML領域與JS

沒有數據庫，但沒有真正派上用場，因爲你必須解析整個文件來檢索字段。