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

HOME > PHP > PHP Forum > สอบถามปัญหา ajax หน่อยครับ เมื่อกดส่งข้อมูลไปแล้ว ข้อมูล แต่ มาแวบๆ ละหายไปเลย เกิดจากปัญหาอะไร หรือผมเขียนผิดเองก็ไม่รู้ มือหัด ajax ก็เลยปัญหาเยอะหน่อยครับ



 

สอบถามปัญหา ajax หน่อยครับ เมื่อกดส่งข้อมูลไปแล้ว ข้อมูล แต่ มาแวบๆ ละหายไปเลย เกิดจากปัญหาอะไร หรือผมเขียนผิดเองก็ไม่รู้ มือหัด ajax ก็เลยปัญหาเยอะหน่อยครับ

 



Topic : 060664



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



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




Code (PHP)
function showbus()
{
var xmlhttp1;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp1=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp1=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp1.onreadystatechange=function()
  {
  	
  if (xmlhttp1.readyState==4 && xmlhttp1.status==200)
    {
	document.getElementById("showdata").innerHTML=xmlhttp1.responseText;
	}
	else
	{
	 document.getElementById("showload").innerHTML="loading...";
	}
  }
	var str=Math.random();
	
	var bus_start=document.myform.bus_start.value;
	var bus_end=document.myform.bus_end.value;
	var bus_time_start=document.myform.bus_time_start.value;
	
		
	var querystr="show_bus.php"
	querystr+="?rd="+str;
	querystr+="&bus_start="+bus_start;
	querystr+="&bus_end="+bus_end;
//	querystr+="&bus_time_start="+bus_time_start;
	//alert(querystr);  
xmlhttp1.open("GET",querystr,true);
xmlhttp1.send(null);
}


Code (PHP)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Untitled Document</title>
	
	<script type="text/javascript" src= "fucntion/ajex.js"></script> 
	
		
		
	</head>
	
	
	
	<body>
<p>หน้าแรก</p>
<p>&nbsp;</p>
<p><a href="add_data_bus.php">เพิ่มข้อมูล รถ</a></p>

	
<table width="80%" border="1">

  <tr>
    <td width="30%"><form name="myform" >
      <P>ค้นหาข้อมูล      
      <P>ต้นทาง: 
        <select name="bus_start" id="bus_start" onChange="list_namesub(this.value);" >
          <option value="">- เลือกต้นทาง -</option>
          <? 
include "config.php";
include "array.php";
$sql="select * from bus_start order by id ASC";
$query=mysql_query($sql);
while($result=mysql_fetch_array($query)){
?>
          <option value="<?=$result[id];?>"><?=$result[name];?></option>
          <? 
}
?>
          </select>
      <P>ปลายทาง: 
<select name="bus_end" id="bus_end" >
<option value="">- เลือกปลายทาง -</option>
</select>
 </P>
  <P>
    <label>
    <input type="submit" name="button" id="button" value="ค้นหา" onclick="showbus()">
  <span id="showload"></span>  </label>
</P>
    </form>
    </td>
    <td id="showdata" width="70%" valign="top" align="center"><h2>ข่าวสาร</h2></td>
  </tr>
 
</table> 

</body>
	
	
	
</html>




Tag : PHP, MySQL






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2011-05-25 10:43:42 By : ckcr View : 738 Reply : 4
 

 

No. 1



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



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

ตัด onclick="showbus();" ออกจาก โค้ดนี้ครับ
<input type="submit" name="button" id="button" value="ค้นหา" onclick="showbus()">


จากนั้น คุณลืมใส่ tag <form> หรือเปล่า ให่ใส่ด้วย จากนั้น เพิ่มเติมส่วนนี้

<form method="GET" action="" onsubmit="showbus();">


แล้วส่วน code ส่วนนี้ ให้ ใส่ 

xmlhttp1.send(null);
return false;


สาเหตุที่คุณบอกว่า มัน แว้บ ๆ เพราะ มันอยู่ใส่ส่วนของ form เมื่อคุณกดปุ่มที่เป็น input type="submit" มันก็จะ refresh page วิธีการป้องกันไม่ให้มัน refresh คุณต้องกำหนด โค้ดไว้ที่ส่วนของ form คือ onsubmit แล้วจากนั้น ส่วนท้ายของ โค้ด ใน function showbus ให้คุณ return false; เพื่อสั่งไม่ให้ refresh page ครับผม

ลองดูนะ แต่ถ้าจะให้ดี ศึกษา jquery บ้างก็ดีนะ ช่วยลดขั้นตอน ได้เยอะเลยทีเดียวครับผม


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-05-25 10:52:40 By : kalamell
 


 

No. 2



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



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


ขอบคุณครับ ผมก็ศึกษา jquery อยู่เหมือนกัน ครับ
วิธีนี้ ผ่านเลยเลยครับ และถ้าผมเปลี่ยน type="bottom" แทน แก้ refresh ได้เหมือนกัน เปล่า ครับ

jquery ผมสนใจ พออ่านโค้ดออกบ้าง ผมเป็นถ้าศึกษาจากหนังสือ จะไม่รู้เรื่อง เท่าไร หรือขี้เกียดอ่านไม่รู้ อิอิ

วิธีศึกษาของจะดูจากวิดีโอสื่นการสอน ก่อพอรู้เรื่อง ซึ่ง ไม่ก็ ดีเท่า เรียนด้วยตรง พี้น ซึ่งก็อยากเรียนมาก แต่แพง ฮุฮฺ ต้องศึกษา ตามสื่อทั่วไป เก็บประสบการจะการทำงานไปเรื่อยละกัน
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-05-25 11:25:59 By : ckcr
 

 

No. 3



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



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

ถ้า type=button มันก็จะเป็นแค่ ปุ่มธรรมดา ๆ เท่านั้นครับ ยกเว้นเพียงแต่ว่า จะให้ปุ่มนั้น มันไปกระทำกับอะไรเท่านั้นเอง เพียงแต่แตกต่างกับ submit ตรงนี้ มันจะผูกอยู่กับ form นั้น ๆ ครับ ตอนนี้ ผมก็ลองทำ วีดีโอ สอน อยู่ที่ youtube ครับ ยังไงก็ลองติดตาม ทางช่องของผมได้นะครับ

http://www.youtube.com/user/sankhumpha84
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-05-25 13:00:21 By : kalamell
 


 

No. 4



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



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


แต่เท่าที่เคยศึกษาjquery มา โค้ดดู สั้นกว่าajaxเยอะ และ ผลแสดงเหมือนกัน ใช้ajax เลย ดูเหมือนจะง่ายกว่าเยอะ


ประวัติการแก้ไข
2011-05-26 09:16:40
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-05-25 13:51:05 By : ckcr
 

   

ค้นหาข้อมูล
   
 

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