AJAX : การตรวจสอบการส่งค่าซ้ำ
ผมมีตาราง item ดังนี้นะครับ
No. item price qty add item
1 A 5 10 click
2 B 10 10 click
... ... ... ... ....
ส่งค่า ไปให้ function add_item เวลากด ที่ click ครับ
<a herf='#' onclick='add_item($item_id)'>click</a>
ส่วนของ function add_item
...
function add_item(item_id){
var item_id=item_id;
//alert(item_id);
if(confirm("Are you sure")){
var qua="frm_oder.php"; //from ที่ทำการรับค่า item_id เพื่อดึง database ออกมา
var str=Math.random();
qua+="?ran=1"+str;
qua+="&item_id="+item_id;
createXMLHttpRequest();
xmlHttp.open("get", qua, true);
xmlHttp.onreadystatechange = function ()
{
if (xmlHttp.readyState == 4) {
var x=document.getElementById("div_main");
x.innerHTML = xmlHttp.responseText;
}
}
xmlHttp.send(null);
}
}
.....
ปัญหาคือ อยากให้ click ได้เพียงครั้งเดียวครับ ในแต่ละ item ครับ เวลาที่ click ครั้งที่ 2 ก็ให้มีข้อความบอก ว่า item ซ้ำ
ขอคำชี้แนะด้วยครับ ทำมา 2 วันแล้ว ยังไม่ได้เลย ขอบคุณครับ
No. item price qty add item
1 A 5 10 click
2 B 10 10 click
... ... ... ... ....
ส่งค่า ไปให้ function add_item เวลากด ที่ click ครับ
<a herf='#' onclick='add_item($item_id)'>click</a>
ส่วนของ function add_item
...
function add_item(item_id){
var item_id=item_id;
//alert(item_id);
if(confirm("Are you sure")){
var qua="frm_oder.php"; //from ที่ทำการรับค่า item_id เพื่อดึง database ออกมา
var str=Math.random();
qua+="?ran=1"+str;
qua+="&item_id="+item_id;
createXMLHttpRequest();
xmlHttp.open("get", qua, true);
xmlHttp.onreadystatechange = function ()
{
if (xmlHttp.readyState == 4) {
var x=document.getElementById("div_main");
x.innerHTML = xmlHttp.responseText;
}
}
xmlHttp.send(null);
}
}
.....
ปัญหาคือ อยากให้ click ได้เพียงครั้งเดียวครับ ในแต่ละ item ครับ เวลาที่ click ครั้งที่ 2 ก็ให้มีข้อความบอก ว่า item ซ้ำ
ขอคำชี้แนะด้วยครับ ทำมา 2 วันแล้ว ยังไม่ได้เลย ขอบคุณครับ
ถ้าจะตรวจสอบค่าซ้ำ ลองหาตัวอย่างในเว็บดูครับ
รบกวนชี้แนะอีกทีครับ
ง่ายสุดก็กำหนด onclick เป็นค่าว่าง
a.onclick="";
เมื่อผมคลิกที่ click แล้วส่งค่ามาให้ function add_item แล้วให้ disabled คำว่า click ไว้นะครับ
รบกวนด้วยครับ
<script type="text/javascript">
function doClick(a, id){
alert(id);
a.onclick = "";
return false;
}
</script>