Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > การเขียน AJAX ควบคู่กับการใช้ Database เพิ่มเติมครับ Insert ข้อมูลได้แล้วแบบไม่ Refesh หน้า แต่ Edit กับ Delete ไม่ได้ครับ



 

การเขียน AJAX ควบคู่กับการใช้ Database เพิ่มเติมครับ Insert ข้อมูลได้แล้วแบบไม่ Refesh หน้า แต่ Edit กับ Delete ไม่ได้ครับ

 



Topic : 113384



โพสกระทู้ ( 81 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook



คือผมเขียน AJAX เข้ามาร่วม เพื่อให้ไม่มีการ Refesh หน้าครับ
ทีนี้เขียนได้ถึง Insert แล้ว แต่ edit กับ delete ไม่สามารถใช้งานได้ครับ รบกวนทีนะครับ

ajax_data.php
Code (PHP)
<?php
header("Content-type:text/html; charset=UTF-8");              
header("Cache-Control: no-store, no-cache, must-revalidate");             
header("Cache-Control: post-check=0, pre-check=0", false);   
mysql_connect("localhost","root","root") or die("Cannot connect the Server");   
mysql_select_db("game") or die("Cannot select database");   
mysql_query("set character set utf8");  
?>

<?php
// ส่วนของการเพิ่ม ลบ แก้ไข ข้อมูล
if($_GET['method']=="insert"){
	if($_POST['h_member_id']!=""){
		$q="UPDATE  `game` SET `name_game` = '".$_POST['name_game']."',
		`price_game` = '".$_POST['price_game']."',
		`type_game` = '".$_POST['type_game']."',
		`date_game` = '".$_POST['date_game']."' WHERE `game`.`id_game` ='".$_POST['h_member_id']."' ";
	}else{
		$q="INSERT INTO `game` (`id_game` ,`name_game` ,`price_game` ,`type_game` ,`date_game`) VALUES (NULL , '".$_POST['name_game']."', '".$_POST['price_game']."','".$_POST['type_game']."', CURDATE());";		
	}
	mysql_query($q);	
}
if($_GET['method']=="delete"){
	$q="DELETE FROM game WHERE id_game='".$_POST['id_game']."' ";
	mysql_query($q);	
	exit;
}
if($_GET['method']=="getupdate"){
	$q="SELECT * FROM game WHERE id_game='".$_POST['id_game']."' ";
	$qr=mysql_query($q);	
	$rs=mysql_fetch_array($qr);
	echo $rs['id_game']."|";
	echo $rs['name_game']."|";
	echo $rs['price_game']."|";
	echo $rs['type_game']."|";
	echo $rs['date_game'];
	exit;
}
?>

<?php
//////////////////////////////////////// เริ่มต้น ส่วนเนื้อหาที่จะนำไปใช้ในไฟล์ ที่เรียกใช้ด้วย ajax
$q="select * from game";
$q.=" ORDER BY id_game DESC";
$qr=mysql_query($q);
$total=mysql_num_rows($qr);  
?>

<?php
$arr_typegame=array(
	"1"=>"FPS",
	"2"=>"MMORPG",
	"3"=>"MOBA"
);
?>
<center>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
  <td width="35" height="20" align="center" bgcolor="#CCCCCC">#</td>
  <td width="200" align="center" bgcolor="#CCCCCC">ชื่อเกมส์</td>
  <td width="150" height="20" align="center" bgcolor="#CCCCCC">ราคา</td>
  <td width="150" height="20" align="center" bgcolor="#CCCCCC">ประเภท</td>
  <td width="150" height="20" align="center" bgcolor="#CCCCCC">เวลา</td>
  <td height="20" colspan="2" align="center" bgcolor="#CCCCCC">จัดการ</td>
  </tr>
<?php
$i=1;
while($rs=mysql_fetch_array($qr)){
?>  
<tr>
  <td height="20" align="center"><?=($chk_page*$e_page)+$i?></td>
  <td height="20" align="center">&nbsp; <?=$rs['name_game']?></td>
  <td height="20" align="center">&nbsp; <?=$rs['price_game']?></td>
  <td height="20" align="center">&nbsp; <?=$arr_typegame[$rs['type_game']]?></td>
  <td height="20" align="center">&nbsp; <?=$rs['date_game']?></td>
  <td width="45" height="20" align="center"><a href="<?=$rs['id_game']?>" class="updateItem">แก้ไข</a></td>
  <td width="45" height="20" align="center"><a href="<?=$rs['id_game']?>" class="delItem">ลบ</a></td>
</tr>
<?php $i++; } ?>
</table>

<?php if($total>0){ ?>
<div class="browse_page">
 
</div>
<?php } ?>


game.php
Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ajax simple all in one file</title>
<style type="text/css">
*{
	font-family:tahoma, "Microsoft Sans Serif", Verdana;
	font-size:12px;	
}
</style>
<style type="text/css">
.browse_page{
	clear:both;
	margin-left:12px;
	height:35px;
	margin-top:5px;
	display:block;
}
.browse_page a,.browse_page a:hover{
	display:block;
	height:18px;
	width:18px;
	font-size:10px;
	float:left;
	margin-right:2px;
	border:1px solid #CCCCCC;
	background-color:#F4F4F4;
	color:#333333;
	text-align:center;
	line-height:18px;
	font-weight:bold;
	text-decoration:none;
}
.browse_page a:hover{
	border:1px solid #0A85CB;
	background-color:#0A85CB;
	color:#FFFFFF;
}
.browse_page a.selectPage{
	display:block;
	height:18px;
	width:18px;
	font-size:10px;
	float:left;
	margin-right:2px;
	border:1px solid #0A85CB;
	background-color:#0A85CB;
	color:#FFFFFF;
	text-align:center;
	line-height:18px;
	font-weight:bold;
}
.browse_page a.SpaceC{
	display:block;
	height:18px;
	width:18px;
	font-size:10px;
	float:left;
	margin-right:2px;
	border:0px dotted #0A85CB;
	font-size:11px;
	background-color:#FFFFFF;
	color:#333333;
	text-align:center;
	line-height:18px;
	font-weight:bold;
}
.browse_page a.naviPN{
	width:50px;
	font-size:12px;
	display:block;
	height:18px;
	float:left;
	border:1px solid #0A85CB;
	background-color:#0A85CB;
	color:#FFFFFF;
	text-align:center;
	line-height:18px;
	font-weight:bold;	
}
</style>
</head>

<body>
<div style=" text-align:center;margin:auto;width:80%;">
<center>
<h1> Game Online</h2>
<form id="form_game" name="form_game" method="post" action="">
<table width="500" border="0" cellspacing="2" cellpadding="0">
  <tr>
    <td width="100" align="right">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td align="right">ชื่อเกมส์</td>
    <td align="left"><input name="name_game" type="text" id="name_game" size="25" /></td>
  </tr>
  <tr>
    <td align="right">ราคาเกมส์</td>
    <td align="left"><input name="price_game" type="text" id="price_game" size="45" /></td>
  </tr>
  <tr>
    <td align="right">ประเภทเกมส์</td>
    <td align="left"><select name="type_game" id="type_game">
      <option value="">เลือกประเภท</option>
      <option value="1">FPS</option>
      <option value="2">MMORPG</option>
	  <option value="3">MOBA</option>
    </select></td>
  </tr>
  <tr>
    <td align="right">&nbsp;</td>
    <td align="left"><input type="button" name="save" id="save" value="Save" />
      &nbsp; <input type="button" name="cancel" id="cancel" value="Cancel" />
      <input name="h_id_game" type="hidden" id="h_id_game" value="" /></td>
  </tr>
  <tr>
    <td align="right">&nbsp;</td>
    <td align="left">&nbsp;</td>
  </tr>
</table>
</form>

<div id="showData" style="margin:auto;padding:10px;text-align:center;">

</div>


</div>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<script type="text/javascript">
$(function(){
	$("#showData").load("ajax_data.php");
	
	$("#save").click(function(){
		$.post("ajax_data.php?method=insert",$("#form_game").serialize(),function(){
			$("#showData").load("ajax_data.php");
			$("#form_game")[0].reset();
		});
	});
	$("#cancel").click(function(){
		$("#form_game")[0].reset();
	});	

	 $(".browse_page a").live("click",function(event){
		 event.preventDefault();
		 var url=$(this).attr("href");

		 $("#showData").load(url,function(){
			 
		 });

		 return false;
	 });

	$(".delItem").live("click",function(event){
		event.preventDefault();
		var id_game=$(this).attr("href");
		id_game=id_game.replace("#","");
		$(this).parent("td").parent("tr").fadeOut();
		$.post("ajax_data.php?method=delete",{id:id_game},
		function(){
			$("#showData").load("ajax_data.php");
		});
	});
	
	$(".updateItem").live("click",function(event){
		event.preventDefault();
		var id_game=$(this).attr("href");
		id_game=id_game.replace("#","");
		$.post("ajax_data.php?method=getupdate",{id:id_game},
		function(data){
			var returnData=data.split("|");
			$("#h_id_game").val(returnData[0]);
			$("#name_game").val(returnData[1]);
			$("#price_game").val(returnData[2]);
			$("#type_game").val(returnData[3]);
			$("#date_game").val(returnData[4]);

		});
	});	
	
});
</script>



</body>
</html>




Tag : PHP, HTML/CSS, JavaScript, Ajax






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-12-22 01:26:35 By : xgabpyz View : 750 Reply : 8
 

 

No. 1



โพสกระทู้ ( 81 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ทำแค่ delete ก็ได้ครับ ลืมไป
edit มันมีการ refresh หน้า ไม่น่าจะได้ครับ

ทำแค่ delete พอครับ ทำไมมันถึง delete ไม่ได้งะ


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-12-22 01:40:30 By : xgabpyz
 


 

No. 2



โพสกระทู้ ( 81 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

รบกวนทีนะครับ ผู้รู้ TT
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-12-22 03:40:12 By : xgabpyz
 

 

No. 3



โพสกระทู้ ( 2,249 )
บทความ ( 5 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook Hi5 Blogger

$.post("ajax_data.php?method=delete",{id:id_game}

มันไม่ทำงานหรอครับ ลองใช้ firebug ดูครับว่ามันทำงานเข้าเงื่อนไขนี้หรือเปล่า
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-12-22 09:00:33 By : Manussawin
 


 

No. 4



โพสกระทู้ ( 81 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

firebug คือไรเหรอครับ
คือตอนนี้มันกด delete มันไม่ยอมหายไปอะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-12-22 13:11:26 By : xgabpyz
 


 

No. 5



โพสกระทู้ ( 81 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

พอกดลบ แล้วมันขึ้นแบบนี้ครับ
1321231
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-12-22 13:14:35 By : xgabpyz
 


 

No. 6



โพสกระทู้ ( 2,249 )
บทความ ( 5 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook Hi5 Blogger

ใช้ mod_rewrite ด้วยหรอครับ หรือว่าใช้ framework ตัวไหนครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-12-22 13:27:46 By : Manussawin
 


 

No. 7



โพสกระทู้ ( 81 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

งงครับ TT
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-12-22 13:47:31 By : xgabpyz
 


 

No. 8



โพสกระทู้ ( 81 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ทำยังไงดีค้าบบ TT
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-12-22 15:22:31 By : xgabpyz
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : การเขียน AJAX ควบคู่กับการใช้ Database เพิ่มเติมครับ Insert ข้อมูลได้แล้วแบบไม่ Refesh หน้า แต่ Edit กับ Delete ไม่ได้ครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 02
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่