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 > รบกวนสอบถาม การใช้ post ใน ajax หน่อยนะครับ พอดีทำแล้วไม่ได้อย่างตัวอย่างครับ



 

รบกวนสอบถาม การใช้ post ใน ajax หน่อยนะครับ พอดีทำแล้วไม่ได้อย่างตัวอย่างครับ

 



Topic : 129993



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



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




สวัสดีครับ คือผมเขียน Code ดังนี้ครับ

Test1.html โดยมี code ดังนี้

Code
<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>

  <script type = "text/javascript" src = "jquery-3.2.1.min.js"></script>
 </head>
 <body>
  
<form>
	<input type = "text" id = "name" placeholder = "Enter Your Name..."/><br />
	<input type = "text" id = "age" placeholder = "Enter Your Age..."/><br />
	<input type = "button" value = "Submit" onclick = "post();">
</form>

<div id = "result"></div>

<script type = "text/javascript">

	function post()
	{
		var name = $('#name').val;
		var age = $('#age').val;

		$.post('validate.php',{postname:name,postage:age},
		function(data)
		{
			$('#result').html(data);
		});
	}

</script>
 </body>
</html>



ไฟล์ validate.php

Code
<?php

echo "Working";

?>


แต่พอผมกดปุ่ม Submit แล้วกลับไม่แสดงข้อมูล

ขอบคุณครับ



Tag : PHP, HTML, JavaScript, Ajax, jQuery, Windows







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2018-01-17 15:08:41 By : Wittawat.Suw View : 728 Reply : 6
 

 

No. 1



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



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

validate.php
--------------

ลอง ====

<div class = "result"> </div>

-----------------
เพราะ แสดงผลใน $('#result').html(data);
ตัว $('#result')

ดูอย่างเยอะๆครับ

https://www.thaicreate.com/jquery.html








ประวัติการแก้ไข
2018-01-17 15:21:03
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-01-17 15:15:56 By : Hararock
 


 

No. 2



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

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

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


ดึงไฟล์ jquery-3.2.1.min.js มาใส่แล้วหรือยังครับ

การตรวจสอบเบื้องต้น
1. เปิดเบราเซอร์(ผมถนัด) chrome
2. กดปุ่ม F12 (แถวบนสุด) บนคีย์บอร์ด จะมีหน้าต่าง Developer Tools ขึ้นมา
3. กดไปที่แท็บ Console
4. ที่เบราเซ่อร์ พิมพ์หน้าเว็บที่เราต้องการทดสอบลงไป เช่น localhost/Test1.html
5. สังเกตุที่ Developer Tools ถ้าไม่มีอักษรมีแดง แสดงว่าหน้าเพจสมบูรณ์
6. ลองคลิก ลองส่งค่า ลองทำตามที่เราวางแผนไว้ สังเกตุว่ามี Error ไหม

ประมาณนี้
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-01-17 15:19:07 By : apisitp
 

 

No. 3



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



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


ไม่ได้เหมือนกันครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-01-17 15:28:37 By : Wittawat.Suw
 


 

No. 4



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



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


ลืมอะไรรึเปล่าครับ

var name = $('#name').val();
var age = $('#age').val();
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-01-17 16:13:52 By : tomrambo
 


 

No. 5



โพสกระทู้ ( 4,169 )
บทความ ( 7 )

Hall of Fame 2012

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


ลองดูตามนี้ครับ อ้างอิง attr ไปยังหน้า validate
Code (PHP)
<form id="frmMain">
<input type = "text" id = "name" name="name" placeholder = "Enter Your Name..."/><br />
<input type = "text" id = "age" name="age" placeholder = "Enter Your Age..."/><br />
<input type = "button" id="BtnSubmit" value = "Submit">
</form>

<div id = "result"></div>

<script type = "text/javascript" src = "jquery-3.2.1.min.js"></script>
<script type = "text/javascript">

$( document ).ready(function() {
    $("#btnSubmit").click(function() {
			
		$.ajax({
			type: "POST",
			url: "validate.php",
			data: $("#frmMain").serialize(),
			success: function(result) {
				console.log(result); // debug F12
				$('#result').html(result);
			}
		});

	});
});

</script>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-01-17 16:20:52 By : dudesaranyu
 


 

No. 6



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



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


แล้วถ้าเกิดผมต้องการส่งค่า ที่เป็นตัวแปร javascript ต้องใช้ยังไงครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-01-19 10:39:08 By : Wittawat.Suw
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : รบกวนสอบถาม การใช้ post ใน 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 04
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 อัตราราคา คลิกที่นี่