Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > ส่งค่า Ajax แบบ Post เริ่มต้นครับ ผมไม่เข้าใจจริงๆ

ส่งค่า Ajax แบบ Post เริ่มต้นครับ ผมไม่เข้าใจจริงๆ

เริ่มหัวข้อใหม่

กอล์ฟ

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

ผมกำลังหัดเขียน ส่งค่า Ajax แบบ Post เพื่อที่จะใช้ทำโปรเจค เช่นตรวจสอบชื่อ Userame ว่าซ้ำมั้ย ผมเลยมาลองเริ่มต้น แต่มันรส่งไม่ไปสักที จนปัญญาครับอาจาร์ณ

Code (JavaScript)

<script language="javascript" src="jquery-git.js"></script>  
<script type="text/javascript">  
function test(){
	$.ajax({ 
		type:'POST',
		url:'test.php',
		data: {name:golf} // อันนี้ผมเข้าใจว่า ตัวแปล name มีค่าว่า golfgap ซึ่งถ้าจะรับจากฟอร์ม มันต้องพิมยังไงครับ
	})
}

HTMP โค๊ดครับ

Code (PHP)

<body>
<form id="form1" name="form1" method="post" action="">  
  <p>ชื่อ  
    <input type="text" name="name" id="name" onblur="return test();" />  //ผมใช่ onblur ถูกมั้ยครับ ประมาณว่ากดเมาส์ออกจากช่องแล้วให้มันส่งค่า เหมือนกับเราพิมแล้วให้มันเช็ค username ให้เราเลยเวลาเราตั้งชื่อน่ะครับ ผิดถูกขออภัยนะครับ ผมไม่เข้าใจจริงๆครับ
  </p>  
</form>   
</body>

<? // อันนี้รับมาแสดง แต่มันไม่มีอะไรเกิดขึ้นเลยครับ คือส่งกลับมาหน้าเดิมนี้ล่ะครับ index.php ครับ
	echo $_POST['name'];
?>

และมันยังมี $.post() อีกผมก็ลองแล้ว มันก็ไม่ส้งค่าครับ ผมขาดคำสั่งไหนรึเปล่าครับ

Tag : PHP, JAVA

Date : 2015-10-22 21:13:21

By : ostylegolfzz

View : 12574

Reply : 6

No. 1

NewbieXYZ

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

data: {name:golf} ถ้าเขียนอย่างนี้ golf เป็นตัวแปร ถ้าไม่ได้ถูกกำหนด จะเออเร่อร์

Code (JavaScript)

//ต้องกำหนดก่อน
var golf='สบายดีไหม';
$.ajax({ type: 'POST', url: 'test.php', data:{ name: golf }})
.done( function(returnText){
   // เช็คค่าที่ส่งกลับมา ด้วยตัวแปร returnText
});

//หรือใส่ single quote ครอบ เพื่อแสดงว่าเป็น ตัวแปรแบบ constant 
$.ajax({ type: 'POST', url: 'test.php', data:{ name: 'สบายดีไหม' }})
.done( function(returnText){
   // เช็คค่าที่ส่งกลับมา ด้วยตัวแปร returnText
});

Date : 2015-10-22 23:06:14

By : NewbiePHP

No. 2

กอล์ฟ

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

ผมผิดตรงไหนอยู่ครับ มันยังไม่ขึ้นอะไรจริงๆครับ ไม่มีการส่งค่าใดๆครับ

ajax

Date : 2015-10-23 06:28:36

By : ostylegolfzz

No. 3

กอล์ฟ

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

ตรง url ที่เป็น test.php อันนี้ ผมเปลี่ยนเป็น index แล้วนะครับ มันก็ยังไม่ขึ้น ที่เห็นในรูปนั้นผมก๊อปโค๊ดมาลงใหม่แล้วลืมแก้ก่อนเซฟรูปมาลงครับ

Date : 2015-10-23 06:30:35

By : ostylegolfzz

No. 4

Unidentifier

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

Code (PHP)

<script type='text/javascript'>
$("#saveBtn").click(function(){
	$.ajax({type:'POST' ,url:'test.php' ,data:{name:$("#fname").val()}
}).done(function(returnText){
	alert(returnText);
});
</script>

<form>
<p>
Name:<input type='text' name='fname' id='fname' /><br />
<input type='button' name='saveBtn' id='saveBtn' />
</p>
</form>

Date : 2015-10-23 08:49:11

By : sakuraei

No. 5

NewbieXYZ

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

ผมไม่เข้าใจว่าต้องการอะไรนะครับ ก็ลองเอาโค๊ดนี้ไปลองเล่นดูก่อนครับ
เอาของคุณ sakuraei มาเพิ่มเติมส่วนของ php เพื่อใช้ทดสอบ
น่าจะทำให้เห์นภาพการทำงานของโปรแกรมนะครับ
Code (PHP)

<?php
if( isset( $_GET['name'])){
   exit('ข้อความทดสอบ:'.$_GET['name']);
}
?>
<!doctype html><html><head><meta charset="utf8"><title>test.php</title>
<script src="jquery-2.1.1.min.js" data-msg="ใส่ path ให้ถูกเองนะครับ"></script>
<script type='text/javascript'>
$(document).ready(function(e) {
	$("#saveBtn").click(function(){
		$.ajax({
			type:'POST' ,url:'test.php' ,data:{name:$("#fname").val()}
		}).done(function(returnText){
			alert(returnText);
		});
	});
});
</script>
</head>
</body>
<form>
<p>
Name:<input type='text' name='fname' id='fname' /><br />
<input type='button' name='saveBtn' id='saveBtn' />
</p>
</form>
</body>
</html>

ประวัติการแก้ไข
2015-10-23 09:11:05
2015-10-23 09:12:16

Date : 2015-10-23 09:07:24

By : NewbiePHP

No. 6

กอล์ฟ

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

จะลองดูนะครับ คือผมมือใหม่ ไม่เข้าใจจริงๆครับ ขอบพระคุณครับ

Date : 2015-10-23 17:46:22

By : ostylegolfzz

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ส่งค่า Ajax แบบ Post เริ่มต้นครับ ผมไม่เข้าใจจริงๆ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก