簡單的數據操作。 XML？ AJAX？ PHP？

Question

我正在做一個原型網站這樣

原文：http://imageshack.us/a/img513/6013/tavor.png

我的網站：http://imageshack.us/a/img507/8461/manok.png

右邊的圖片是DIV ID ovsian，左邊的一個小的ovsia迷你

<div id="ovsian" name="ovsian" value="15" onclick="test()">OVSIA 15r</div> 

<script type="text/javascript"> 
document.getElementById('ovsia-mini').style.backgroundImage="url('http://localhost/musli/mini.png')"; 
var kaina = this.ovsian.value; 
$('#price').html("kaina"); 
} 
</script> 

我試圖做這種方式，但後來意識到，你不能把一個值的div元素（至少HTML）。

如何將「ovsian」（圖片右側）的價格值設置爲15，然後onclick將總價格加上15並將其打印在左側的灰色框中？

我應該使用什麼技術？ XML，AJAX？ PHP/MySQL的？我不知道他們中的任何一個。

我打算通過一個cookie中的最終價格&產品選擇。我知道這是一個安全失敗，但在這樣的簡單購物車中沒有個人信息，所以會話劫持和所有這些都不是問題。

您覺得這樣的項目有多難？什麼是最好的方法來做到這一點？ 該網站的目的主要是學習，所以你可以寫的所有細節將非常讚賞:)

Answer 1

當你談論技術，這將取決於你的技能。

你提到過AJAX，PHP/MySQL。我推斷你正在談論JavaScript來處理客戶端處理和PHP/MySQL後端。這些語言將確定地工作，並且它們非常易於學習和使用，並且周圍還有一個很棒的社區。

我還建議學習jQuery框架。它使客戶端編程非常簡單。

你還提到XML。 XML主要用於服務器端和客戶端之間的數據交換。雖然它的工作原理，我更喜歡使用JSON，這是很容易操縱和處理服務器端和客戶端。