|
|
|
ลองเอาการเพิ่ม แก้ไข ลบ แบบ ajax มาใช้งานค่ะปรากฏว่ามัน ลบได้อย่างเดียวค่ะ แล้วตอนเพิ่มข้อมูลมันเพิ่มเข้าไปเป็นค่าว่างอ่ะค่ะ อัพเดท ก็ไม่เข้าด้วยค่ะ ช่วยดูให้หน่อยนะค่ะ |
|
|
|
|
|
|
|
ลองเอาการเพิ่ม แก้ไข ลบ แบบ ajax มาใช้งานค่ะปรากฏว่ามัน ลบได้อย่างเดียวค่ะ แล้วตอนเพิ่มข้อมูลมันเพิ่มเข้าไปเป็นค่าว่างอ่ะค่ะ
อัพเดท ก็ไม่เข้าด้วยค่ะ ช่วยดูให้หน่อยนะค่ะ มือใหม่จริงๆขอโทษทีรบกวนค่ะ ขอบคุณล่วงหน้า ค่ะ
pageManageUser.php
<form id="user_form" name="user_form" method="post">
<table align="center" width="327" border="0">
<tr>
<th width="171"> <div align="right">ชื่อผู้ใช้(รหัสพนักงาน) :</div></th>
<td width="144"><div align="left"><input type="text" id="id" size="6" maxlength="6" width="60"></div></td>
</tr>
<tr>
<th> <div align="right">รหัสผ่าน :</div></th>
<td><div align="left"><input type="text" id="pass" size="10" maxlength="10"></div></td>
</tr>
<tr>
<th> <div align="right">ชื่อ-สกุล :</div></th>
<td><div align="left"><input type="text" id="fname"></div></td>
</tr>
<tr>
<th> <div align="right">ตำแหน่ง :</div></th>
<td><div align="left"><select id="level">
<option value="3">ผู้บริหาร</option>
<option value="2">เลขานุการ</option>
<option value="1">พนักงานทั่วไป</option>
</select></div></td>
</tr>
<tr>
<th> <div align="right">แผนก :</div></th>
<td><div align="left"><input type="text" id="department"></div></td>
</tr>
<tr>
<th> <div align="right">อีเมล์ :</div></th>
<td><div align="left"><input type="text" id="email"></div></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" name="Save" id="save" value="บันทึกข้อมูล">
<input type="button" name="Cancel" id="cancel" value="กรอกข้อมูลใหม่" />
<input name="h_member_id" type="text" id="h_member_id" value="" />
</td>
</tr>
</table>
</form>
</td>
</tr>
</table>
<div id="showData" style="margin:auto;padding:10px;text-align:center;"></div> <!--แสดงข้อมูล-->
<script type="text/javascript" src="js/ajax_data.js"></script>
<script type="text/javascript">
$(function(){
$("#showData").load("doManageUser.php");
$("#save").click(function(){
$.post("doManageUser.php?method=insert",$("#user_form").serialize(),function(){
$("#showData").load("doManageUser.php");
$("#user_form")[0].reset();
});
});
$("#cancel").click(function(){
$("#user_form")[0].reset();
});
$(".browse_page a").live("click",function(event){
event.preventDefault();
var url=$(this).attr("href");
// แสดงแบบปกติ
$("#showData").load(url,function(){
});
//// แสดงแบบ effect สามารถประยุกต์ effect หรือลูกเล่นอื่นๆ ตามต้องการ
// $("#showData").animate({
// opacity:0
// },100,function(){
// $("#showData").load(url,function(){
// $("#showData").animate({
// opacity:1
// },200);
// });
// });
return false;
});
$(".delItem").live("click",function(event){
event.preventDefault();
var idMember=$(this).attr("href");
idMember=idMember.replace("#","");
$(this).parent("td").parent("tr").fadeOut();
$.post("doManageUser.php?method=delete",{id:idMember},function(){
$("#showData").load("doManageUser.php");
});
});
$(".updateItem").live("click",function(event){
event.preventDefault();
var idMember=$(this).attr("href");
idMember=idMember.replace("#","");
$.post("doManageUser.php?method=getupdate",{id:idMember},function(data){
var returnData=data.split("|");
$("#h_user_id").val(returnData[0]);
$("#id").val(returnData[0]);
$("#pass").val(returnData[1]);
$("#fname").val(returnData[2]);
$("#level").val(returnData[3]);
$("#department").val(returnData[4]);
$("#email").val(returnData[5]);
});
});
});
</script>
หน้าแสดงข้อมูลค่ะ
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","1234") or die("Cannot connect the Server");
mysql_select_db("onlinecalendar") or die("Cannot select database");
mysql_query("set character set utf8");
?>
<?php
// สร้างฟังก์ชั่น สำหรับแสดงการแบ่งหน้า
function page_navigator($before_p,$plus_p,$total,$total_p,$chk_page){
global $e_page;
global $querystr;
$urlfile="doManageUser.php"; // ส่วนของไฟล์เรียกใช้งาน ด้วย ajax
$per_page=10;
$num_per_page=floor($chk_page/$per_page);
$total_end_p=($num_per_page+1)*$per_page;
$total_start_p=$total_end_p-$per_page;
$pPrev=$chk_page-1;
$pPrev=($pPrev>=0)?$pPrev:0;
$pNext=$chk_page+1;
$pNext=($pNext>=$total_p)?$total_p-1:$pNext;
$lt_page=$total_p-4;
if($chk_page>0){
echo "<a href='$urlfile?s_page=$pPrev&querystr=".$querystr."' class='naviPN'>Prev</a>";
}
for($i=$total_start_p;$i<$total_end_p;$i++){
$nClass=($chk_page==$i)?"class='selectPage'":"";
if($e_page*$i<=$total){
echo "<a href='$urlfile?s_page=$i&querystr=".$querystr."' $nClass >".intval($i+1)."</a> ";
}
}
if($chk_page<$total_p-1){
echo "<a href='$urlfile?s_page=$pNext&querystr=".$querystr."' class='naviPN'>Next</a>";
}
}
?>
<?php
// ส่วนของการเพิ่ม ลบ แก้ไข ข้อมูล
if($_GET['method']=="insert"){
if($_POST['h_user_id']!=""){
$q="UPDATE user SET User_ID='$_POST[id]',User_Password='$_POST[pass]',User_Full_Name='$_POST[fname]',User_Level='$_POST[level]',User_Department='$_POST[department]',User_Email='$_POST[email]' WHERE User_ID='$_POST[h_officer_id]';";
}else{
$q="INSERT INTO user (User_ID,User_Password,User_Full_Name,User_Level,User_Department,User_Email)";
$q.="VALUES('$_POST[id]','$_POST[pass]','$_POST[fname]','$_POST[level]','$_POST[department]','$_POST[email]');";
}
mysql_query($q);
}
if($_GET['method']=="delete"){
$q="DELETE FROM user WHERE User_ID='".$_POST['id']."' ";
mysql_query($q);
exit;
}
if($_GET['method']=="getupdate"){
$q="SELECT * FROM user WHERE User_ID='".$_POST['id']."' ";
$qr=mysql_query($q);
$rs=mysql_fetch_array($qr);
echo $rs['User_ID']."|";
echo $rs['User_Password']."|";
echo $rs['User_Full_Name']."|";
echo $rs['User_Level']."|";
echo $rs['User_Department']."|";
echo $rs['User_Email'];
exit;
}
?>
<?php
$q="SELECT * FROM user ";
$qr=mysql_query($q);
$total=mysql_num_rows($qr);
$e_page=5; // กำหนด จำนวนรายการที่แสดงในแต่ละหน้า
if(!isset($_GET['s_page'])){
$_GET['s_page']=0;
}else{
$chk_page=$_GET['s_page'];
$_GET['s_page']=$_GET['s_page']*$e_page;
}
$q.=" LIMIT ".$_GET['s_page'].",$e_page";
$qr=mysql_query($q);
if(mysql_num_rows($qr)>=1){
$plus_p=($chk_page*$e_page)+mysql_num_rows($qr);
}else{
$plus_p=($chk_page*$e_page);
}
$total_p=ceil($total/$e_page);
$before_p=($chk_page*$e_page)+1;
?>
<table width="975" align="center" border="0" bgcolor="#87cf40">
<tr>
<th colspan="9" height="50" bgcolor="#e6dd4e"><span style="font-size:20px">แสดงข้อมูลผู้ใช้งานทั้งหมด</span></th>
</tr>
<tr bgcolor="#009933">
<th width="20"> <div align="center">ที่</div></th>
<th> <div align="center">ชื่อผู้ใช้</div></th>
<th> <div align="center">รหัสผ่าน</div></th>
<th> <div align="center">ชื่อ-สกุล</div></th>
<th> <div align="center">ตำแหน่ง</div></th>
<th> <div align="center">แผนก</div></th>
<th> <div align="center">อีเมล์</div></th>
<th colspan="2" width="40"> <div align="center">จัดการข้อมูล</div></th>
</tr>
<?php
$i=1;
while($rs=mysql_fetch_array($qr)){
?>
<tr bgcolor="#FFFFB0">
<td width="20" align="center"><?=($chk_page*$e_page)+$i?></td>
<td align="center"><?=$rs["User_ID"];?></td>
<td align="center"><?=$rs["User_Password"];?></td>
<td><div align="left"><?=$rs["User_Full_Name"];?></div></td>
<td align="center"><?=$rs["User_Level"];?></td>
<td align="center"><?=$rs["User_Department"];?></td>
<td align="center"><?=$rs["User_Email"];?></td>
<td width="45" height="20" align="center"><a href="#<?=$rs['User_ID']?>" class="updateItem"><img width="20" height="20" src="images/edit.png"/></a></td>
<td width="45" height="20" align="center"><a href="#<?=$rs['User_ID']?>" class="delItem"><img width="20" height="20" src="images/delete.png"/></a></td>
</tr>
<?php $i++; } ?>
</table>
<?php if($total>0){ ?>
<div class="browse_page">
<?php
// เรียกใช้งานฟังก์ชั่น สำหรับแสดงการแบ่งหน้า
page_navigator($before_p,$plus_p,$total,$total_p,$chk_page);
?>
</div>
<?php } ?>
Tag : Ajax, JAVA, JSP
|
|
|
|
|
|
Date :
2012-09-02 07:22:48 |
By :
plah0078 |
View :
1204 |
Reply :
3 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1. ดูพวกชื่อตัวแปร ชื่อฟิลด์ตรงกันไหม ทั้งตัวรับข้อมูลและตัวที่เอาไปทำการบันทึก เพิ่ม ลบ แก้ไข
2. ในตารางในเบส มีการกำหนดประเภทของข้อมูลที่บันทึกหรือป่าว ว่าต้องเป็นตัวอย่างเดียว หรือต้องเป็นรูปแบบวันที่
3. มีการเปลี่ยนชื่อพวกตัวแปรตรงไหนบ้าง แล้วมันตรงกันไหม
|
|
|
|
|
Date :
2012-09-02 14:27:58 |
By :
บังเอิญผ่านมาเห็น |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ยังเป็นเหมือนเดิมอยู่ค่ะ
|
|
|
|
|
Date :
2012-09-02 23:18:55 |
By :
plah0078 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 03
|