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

HOME > PHP > PHP Forum > รบกวนท่านผู้รู้ ช่วยเหลือกระผมในเรื่องของ JQuery+PHP สักนิดครับผม รบกวนอ่านด้านในสักหน่อยนะครับ ขอบคุณอย่างสูง



 

รบกวนท่านผู้รู้ ช่วยเหลือกระผมในเรื่องของ JQuery+PHP สักนิดครับผม รบกวนอ่านด้านในสักหน่อยนะครับ ขอบคุณอย่างสูง

 



Topic : 087402



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



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



คือตอนนี้ผมเริ่มทำโปรเจค ที่เกี่ยวกับฐานข้อมูล

ซึ่งก่อนหน้านี้ ผมใช้วิธี

สร้าง Form บน Html แล้ว Action ไปที่ หน้า PHP เพื่อประมวลผลและ แสดงผลที่หน้า PHP

โดยทำการดักการกรอกข้อมูล ในหน้า Form ก่อนจะส่งค่าไป

แต่ตอนนี้ผมเริ่มศึกษา Jquery ซึ่งเป็นอะไรที่เข้าใจยากสักนิด

แต่ผมก็สามารถส่งค่าไปและโชว์ค่ากลับมาได้แล้ว

แต่ปัญหาตอนนี้ของผมคือ

จะทำอย่างไรกับระบบ แบบผมครับ

ผมขออธิบายแบบละเอียดเลยนะครับ

***ความต้องการ

เริ่มจาก การที่เราสร้าง TextField เพื่อรับค่าข้อมูลเข้ามา จากนั้นก่อนกด Load (.Click)

จะต้องมีการดักข้อมูล ว่ามีค่าว่างหรือเปล่า

จากนั้น ถ้าข้อมูลไม่มีว่าง ก็ให้ส่งค่าไปที่หน้า PHP เพื่อ Save ลงฐานข้อมูล

หากเซฟลงฐานข้อมูลไม่ผ่าน (Primary ซ้ำ)

จะทำอย่างไรให้มันเช็คเสร็จแล้วกลับมา Alert ที่หน้าเดิมว่า ID นี้ มีอยู่แล้ว

(ผมไม่ทราบคำสั่งที่เราสร้างเงื่อนไขแล้วให้มันไปหน้าต่อไป)

ผมจะสร้างโค๊ดหน้าเช็คแบบคร่าวๆให้ดูนะครับ


Code (PHP)
if(...)
{

mysql_query("INSERT INTO teacher(TID,Tname,Tsname,Ttel,Troom)
 values('$TID','$Tname','$Tsname','$Ttel','$Troom')");
echo "Save Complete.";
}
else
{
echo "save error.";
}
?>


ซึ่งโค๊ดนี้ สามารถเตือนได้ว่าเรา เซฟลงหรือไม่ลง แต่มันไม่ใช่ alert

และหลังจากนี้

หากผมเซฟไม่ลง

ก้อยากให้กลับมาหน้าเดิมเพื่อกรอกข้อมูลใหม่

โดยไม่ต้องกด refresh (F5)

เพื่อแก้ในส่วนของ ID เท่านั้น

หรือ

หากผมเซฟข้อมูลลงแล้ว

จะใช้คำสั่งใด เพื่อ ให้ส่งข้อมูลที่เซฟลงแล้วไปแสดงผลที่หน้า กรอกข้อมูล

แล้วทำการลบ TextField ที่เราเคยหรอกไว้ให้หายไป

โดยที่เราไม่ต้องเปลี่ยนหน้า

ให้เหลือไว้เพียงข้อมูลที่เราเซฟลงฐานข้อมูลแล้วเท่านั้นครับผม



ผมพยายามนั่งอ่าน อยู่หลายวิธี

แต่มันเป็นการ เช็คหน้า 1 ไป 2 แล้วเด้งกลับมา 1

แต่ผมไม่ทราบวิธีที่จะทำให้

1 ไป 2 แล้ว ถ้า 2 เสร็จ จะเด้งไป 3 หรือ เด้งกลับมา 1 ครับผม

รบกวนผู้รู้ช่วยแนะนำ หลักการ หรือ คำสั่ง คร่าวๆ ให้ผมทีนะครับ

ด้วยความเคารพอย่างสูง



Tag : PHP, MySQL







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2012-11-29 10:15:23 By : INTz View : 1118 Reply : 7
 

 

No. 1



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

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

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


หน้าฟอร์มรับข้อมูล
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<div id="result"></div>
Teacher Name<input type="text" name="tname" id="tname" /><br />
Surname<input type="text" name="tsname" id="tsname" /><br />
<input type="button" value="Save Data" id="submitForm" />

<script>
$("#submitForm").click(function(){
	var message = "";
	var colorText;
	if($("#tname").val().length < 5 ){
		alert('ชื่ออย่างน้อย 5 ตัวอักษร!');
		$("#tname").focus();
	}else   
	if($("#tsname").val().length < 5 ){
		alert('นามสกุลอย่างน้อย 5 ตัวอักษร!');
		$("#tsname").focus();
	}else{
		$.post("teacher_save.php",{tname:$("#tname").val() , tsname:$("#tsname").val()},function(backingData){
			if(backingData == "success"){
				message = "บันทึกข้อมูลสำเร็จแล้วครับ";
				colorText = "green";
			}else{
				message = "การบันทึกข้อมูลล้มเหลว";
				colorText = "red";
			}
			$("div#result").html(message).css("color",colorText);
		});
	}
});
</script>



ไฟล์ teacher_save.php
if(isset($_POST["tname"] , $_POST["tsname"]))
{
	$Tname=$_POST["tname"];
	$Tsname=$_POST["tsname"];
	mysql_query("INSERT INTO teacher(TID,Tname,Tsname,Ttel,Troom) values('$TID','$Tname','$Tsname','$Ttel','$Troom')") or die(mysql_error());
	echo "success";
}
?>




ทดลองดูน่ะครับ น่าจะประมาณนี้แหล่ะ
ไปเพิ่มตัวแปร $Ttel , $Troom เอาเองน่ะครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-11-29 11:16:16 By : sakuraei
 


 

No. 2



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



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

ตอบความคิดเห็นที่ : 1 เขียนโดย : sakuraei เมื่อวันที่ 2012-11-29 11:16:16
รายละเอียดของการตอบ ::
บอกได้คำเดียวว่าผม ตาลายมักๆ

แต่ขอบคุณอย่างสูงครับ เดี๋ยวจะเอาไป ปรับให้เข้ากับงานของผมนะครับ

ขอบคุณมากๆครับผม

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-11-29 11:22:20 By : INTz
 

 

No. 3



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



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

: ตอบความคิดเห็นที่ : 1 เขียนโดย : sakuraei เมื่อวันที่ 2012-11-29 11:16:16
รายละเอียดของการตอบ ::
จากการสังเกตโค๊ดนี้

แปลได้ความว่า

สร้างตัวแปร มา สองตัว

แล้วเช็คค่าในช่อง กรอก 1 หากไม่น้อยกว่า 5

จะไปตรวจสอบที่ tsname

หากไม่น้อยกว่า 5

ก็ไปที่หน้า php

แล้วกลับมาแสดงผลที่หน้าเดิม

ประมาณนี้ใช่ไหมครับ

ตรงสเป็คผมเลย

เพียงแต่ส่งที่ผมไม่รู้ว่ามันคืออะไร

อาจจะเป้นการอ่านน้อยของผมด้วยแหละครับ

เช่น .val คือค่า

.click คือ คลิกเม้า

.focus คือตรวจสอบ

.html คืออะไร ?

.css คืออะไร ?

ผมคงต้องศึกษาอีกเยอะเลยแหละครับ

ว่า Jquery หรือ Ajax มันมี .อะไรบ้าง ทำงานยังไง

สงสัยผมกลับไปทำแบบเดิม น่าจะเข้าใจง่ายกว่านะครับ

T_T

คิดแล้วท้อ

แต่ยังไงก็ขอบคุณนะครับ ^ ^


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-11-29 11:40:50 By : INTz
 


 

No. 4



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

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

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


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

จริงๆแล้ว jquery ไม่ได้ยากเลยครับ ถ้าเป็นเมื่อไหร่ก็จะเขียน web apps ได้ง่ายขึ้นเยอะ

แนะนำให้เริ่มหัด jquery ทันทีครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-11-29 11:55:55 By : sakuraei
 


 

No. 5



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



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

ตอบความคิดเห็นที่ : 4 เขียนโดย : sakuraei เมื่อวันที่ 2012-11-29 11:55:55
รายละเอียดของการตอบ ::
ครับผม

จะพยายามครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-11-29 12:08:23 By : INTz
 


 

No. 6



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

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

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


.html http://api.jquery.com/html/
.text http://api.jquery.com/text/
.css http://www.w3schools.com/jquery/jquery_css.asp http://api.jquery.com/css/
.val http://www.w3schools.com/jquery/html_val.asp http://api.jquery.com/val/

พยายามอ่านภาษาอังกฤษก็ดีครับ เพราะตัวอย่างและคำอธิบายชัดเจนครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-11-29 12:14:59 By : sakuraei
 


 

No. 7



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



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

ตอบความคิดเห็นที่ : 6 เขียนโดย : sakuraei เมื่อวันที่ 2012-11-29 12:14:59
รายละเอียดของการตอบ ::
ครับผม

ขอบคุณมากครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-11-29 12:58:02 By : INTz
 

   

ค้นหาข้อมูล


   
 

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