javascriptでMYSQLに接続したい

質問

下記のクリック時に画像を変更するjavascript内で、画像を変更するたびに現在の画像が何かをデータベースに値として格納したいのですがやり方が分かりません。
現在の画像がA.gifだったらデータベースに0を格納、B.gifだったら1を格納するといった仕様です。

どなたかご教授お願いできませんでしょうか？
よろしくお願いします。

<script>
function change(obj){
var orgimg="B.gif";
var newimg="A.gif";
var imgs=document.getElementsByTagName('img')

for(var i=0;i<imgs.length;i++){
if(imgs[i].className==obj.className){
if(imgs[i]==obj)
imgs[i].src=newimg;
else
imgs[i].src=orgimg;
}
}

</script>

回答No.1

PGbeginner

単に、Ajax使って、データを飛ばしてあげればいいのでは？

さらにいうとAjaxの処理が終了するまでは、画像を変更できない処理を
書いてあげれば、クライアント側とサーバ側の同期がとれて
良いと思います＾＾

<Jqeuryによる例>

$.post("サーバのURL", "パラメータ(img=変更する画像の名前)", function(data){
if(data.result === true){
//alert("正常にデータベースに処理を適用しました");
}else{
//alert("error");
}
});