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,037

HOME > PHP > PHP Forum > ส่งข้อมูล ผ่าน ajax ไปแล้ว ทำยังไงให้แสดงข้อมูล ตรง <DIV id=abc>ข้อมูล</DIV> รีเฟรชใหม่ เพราะข้อมูลที่ส่งก็คือส่วน <DIV>



 

ส่งข้อมูล ผ่าน ajax ไปแล้ว ทำยังไงให้แสดงข้อมูล ตรง <DIV id=abc>ข้อมูล</DIV> รีเฟรชใหม่ เพราะข้อมูลที่ส่งก็คือส่วน <DIV>

 



Topic : 085712



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



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




มีโค้ด ajax แบบส่งข้อมูลแต่อยากให้ ajax ส่งข้อมูลแล้วรีเฟรชข้อมูลตรง <div id=abc>ข้อมูล</div>ที่อยู่ด้านล่างโค้ด นี้
เพราะข้อมูลที่ส่งก็คือ ส่วน <div>




<!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></title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$(".btn1").click(function(){
$.ajax({
url: "update_menu.php" ,
type: "POST",
datatype: "json",
data: 'keyword={"image":"'+$(".txtimage").val()+'","id":"'+$(".txtid").val()+'","dis":"'+$(".txtdiscription").val()+'","price":"'+$(".txtprice").val()+'","oder":"'+$(".txtoder").val()+'"}'
})
.success(function(result) {
var obj = jQuery.parseJSON(result);


});

});
});
</script>

</head>

<body>

<div id="abc">
ข้อมูล
ข้อมูล
ข้อมูล
</div>

</body>
</html>



Tag : PHP, Ajax, jQuery








ประวัติการแก้ไข
2012-10-21 14:16:30
2012-10-21 14:17:49
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2012-10-21 14:08:30 By : BABANGYAI View : 1028 Reply : 4
 

 

No. 1



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



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

<!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></title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$(".btn1").click(function(){
$.ajax({
url: "update_menu.php" ,
type: "POST",
datatype: "json",
data: 'keyword={"image":"'+$(".txtimage").val()+'","id":"'+$(".txtid").val()+'","dis":"'+$(".txtdiscription").val()+'","price":"'+$(".txtprice").val()+'","oder":"'+$(".txtoder").val()+'"}'
})
.success(function(result) {
var obj = jQuery.parseJSON(result);
$("#abc").html(obj);
});

});
});
</script>

</head>

<body>

<div id="abc">
ข้อมูล
ข้อมูล
ข้อมูล
</div>

</body>
</html>


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-10-21 15:09:55 By : dekkuza
 


 

No. 2



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



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


แต่อีกนิด ที่ให้โค้ดมารันจอขาวไปเลยครับ แต่ผมว่ามันก้ใช่ แต่ใน <div> ผมไม่ได้บอกรายละเอียดไป

คือ ใน <DIV> มันไม่ใช่ข้อมูลธรรมดา มันเป็นโค้ดที่มีการติดต่อ MYSQL และกดแก้ไขในหน้าเดียว

เป็นโค้ดธรรมดาที่อยากให้รันเมื่อแก้ไขเสร็จ มีโค้ดเต็ม ครับ


<!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></title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$(".btn1").click(function(){
$.ajax({
url: "update_menu.php" ,
type: "POST",
datatype: "json",
data: 'keyword={"image":"'+$(".txtimage").val()+'","id":"'+$(".txtid").val()+'","dis":"'+$(".txtdiscription").val()+'","price":"'+$(".txtprice").val()+'","oder":"'+$(".txtoder").val()+'"}'
})
.success(function(result) {
var obj = jQuery.parseJSON(result);



$("#abc").html(obj);


});

});
});
</script>

</head>

<body>


<div id="abc">

<?
$objConnect = mysql_connect("localhost","root","12345") or die(mysql_error());
$objDB = mysql_select_db("mydatabase");
$strSQL = "SELECT * FROM tb_image1 where password = 77777 order by id desc limit 5 ";
$objQuery = mysql_query($strSQL)or die ("Error Query [".$strSQL."]");
$objResult = mysql_fetch_array($objQuery)

?>

<table width="800" border="0" align="center" cellpadding="0" cellspacing="2">
<tr>
<td width="50" align="center" bgcolor="#FF99CC">#</td>
<td width="80" bgcolor="#FF99CC">Picture</td>
<td height="20" bgcolor="#FF99CC">Topic</td>
<td width="80" bgcolor="#FF99CC">price</td>
<td width="50" bgcolor="#FF99CC">edit</td>
<td width="50" bgcolor="#FF99CC">oder</td>
</tr>



<tr bgcolor="#CCCC99" style="cursor:pointer;">
<td align="center" bgcolor="#EBEBD8"><?=$i?></td>
<td width="70" bgcolor="#EBEBD8"><div align="center"><a href="link_1.php?CusID=<?=$objResult["password"];?>&ID=<?=$objResult["F1"];?>"><img src="myfile/<?=$objResult["F1"];?>" width="120" heigth="50"></a></div></td>
<td height="20" bgcolor="#EBEBD8"><?=$objResult["F2"];?><?=$i?></td>
<td height="20" bgcolor="#EBEBD8"><?=$objResult["F3"];?></td>
<td height="20" bgcolor="#EBEBD8"><?=$objResult["F4"];?></td>
<td height="20" align="center" bgcolor="#EBEBD8" onclick="$('#tr_toggle1').toggle();" >EDIT</td>
</tr>
<tr style="display:none;" id="tr_toggle1">
<td bgcolor="#F8F8EF">&nbsp;

</td>
<td align="left" bgcolor="#F8F8EF">
<input type="file" class="txtimage" size="1"/>
<input type="hidden" class="txtid" value="<?=$objResult["menu"];?>" />
</td>
<td align="left" bgcolor="#F8F8EF">
<input type="text" class="txtdiscription" size="8" value="<?=$objResult["F2"];?>" /><?=$i?>
</td>
<td align="left" bgcolor="#F8F8EF">
<input type="text" class="txtprice" size="2" value="<?=$objResult["F3"];?>" />
</td>
<td align="left" bgcolor="#F8F8EF">
<input type="text" class="txtoder" size="2" value="<?=$objResult["F4"];?>" />
</td>
<td align="center" bgcolor="#F8F8EF">
<input type="button" class="btn1" value="Save">
</td>
</tr>
</table>

<?
mysql_close($objConnect);
?>

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


ประวัติการแก้ไข
2012-10-21 17:07:34
2012-10-27 20:04:24
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-10-21 17:03:16 By : BABANGYAI
 

 

No. 3



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



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

กรุณาทำให้อ่านง่ายด้วย แบบนี้น่ะ
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></title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$(".btn1").click(function(){
$.ajax({ 
url: "update_menu.php" ,
type: "POST",
datatype: "json",
data: 'keyword={"image":"'+$(".txtimage").val()+'","id":"'+$(".txtid").val()+'","dis":"'+$(".txtdiscription").val()+'","price":"'+$(".txtprice").val()+'","oder":"'+$(".txtoder").val()+'"}'
})
.success(function(result) { 
var obj = jQuery.parseJSON(result);



$("#abc").html(obj);


});

});
});
</script>

</head>

<body>


<div id="abc">

<?
$objConnect = mysql_connect("localhost","root","784512") or die(mysql_error());
$objDB = mysql_select_db("mydatabase");
$strSQL = "SELECT * FROM tb_image1 where password = 77777 order by id desc limit 5 ";
$objQuery = mysql_query($strSQL)or die ("Error Query [".$strSQL."]");
$objResult = mysql_fetch_array($objQuery)

?>

<table width="800" border="0" align="center" cellpadding="0" cellspacing="2">
<tr>
<td width="50" align="center" bgcolor="#FF99CC">#</td>
<td width="80" bgcolor="#FF99CC">Picture</td>
<td height="20" bgcolor="#FF99CC">Topic</td>
<td width="80" bgcolor="#FF99CC">price</td>
<td width="50" bgcolor="#FF99CC">edit</td>
<td width="50" bgcolor="#FF99CC">oder</td>
</tr>



<tr bgcolor="#CCCC99" style="cursor:pointer;">
<td align="center" bgcolor="#EBEBD8"><?=$i?></td>
<td width="70" bgcolor="#EBEBD8"><div align="center"><a href="link_1.php?CusID=<?=$objResult["password"];?>&ID=<?=$objResult["F1"];?>"><img src="myfile/<?=$objResult["F1"];?>" width="120" heigth="50"></a></div></td>
<td height="20" bgcolor="#EBEBD8"><?=$objResult["F2"];?><?=$i?></td>
<td height="20" bgcolor="#EBEBD8"><?=$objResult["F3"];?></td>
<td height="20" bgcolor="#EBEBD8"><?=$objResult["F4"];?></td>
<td height="20" align="center" bgcolor="#EBEBD8" onclick="$('#tr_toggle1').toggle();" >EDIT</td>
</tr>
<tr style="display:none;" id="tr_toggle1">
<td bgcolor="#F8F8EF">&nbsp;

</td>
<td align="left" bgcolor="#F8F8EF">
<input type="file" class="txtimage" size="1"/>
<input type="hidden" class="txtid" value="<?=$objResult["menu"];?>" />
</td>
<td align="left" bgcolor="#F8F8EF">
<input type="text" class="txtdiscription" size="8" value="<?=$objResult["F2"];?>" /><?=$i?>
</td>
<td align="left" bgcolor="#F8F8EF">
<input type="text" class="txtprice" size="2" value="<?=$objResult["F3"];?>" />
</td>
<td align="left" bgcolor="#F8F8EF">
<input type="text" class="txtoder" size="2" value="<?=$objResult["F4"];?>" />
</td>
<td align="center" bgcolor="#F8F8EF">
<input type="button" class="btn1" value="Save">
</td>
</tr> 
</table>

<?
mysql_close($objConnect);
?>

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

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-10-21 17:48:05 By : dekkuza
 


 

No. 4



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



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

Code (PHP)
//ถ้าข้อมูลส่งกลับมาเป็น object น่าจ่ะประมาณนี้
$("#abc").val(obj.xxxx);


ให้ข้อมูลมาน้อย เช่น ไฟล์ชื่อไร รับจาก อะไร ส่งไปไหน น่าจะบอกมาด้วย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-10-21 17:56:02 By : dekkuza
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : ส่งข้อมูล ผ่าน ajax ไปแล้ว ทำยังไงให้แสดงข้อมูล ตรง <DIV id=abc>ข้อมูล</DIV> รีเฟรชใหม่ เพราะข้อมูลที่ส่งก็คือส่วน <DIV>
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 อัตราราคา คลิกที่นี่