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 > ต้องการ นำค่าจาก Javascript มาใช้ในส่วนของ php ต้องดึงค่ายังไงค่ะ



 

ต้องการ นำค่าจาก Javascript มาใช้ในส่วนของ php ต้องดึงค่ายังไงค่ะ

 



Topic : 111899



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



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



Code (JavaScript)
$(".nav a").on('click',function(e){
            var dataVal=$(this).attr("data-value");
            console.log(dataVal);
}


จากโค้ดด้านบน เป็นโค้ดที่อยู่ในไฟล์ xx.js ต้องการดึงค่า dataVal มาใช้ในไฟล์ php ต้องทำอย่างไรค่ะ
เอามาใช้ในการเรียกฐานข้อมูลค่ะ

$sqlJob="select * from job where idJob='$_GET[dataVal]' and status='1'";



Tag : PHP, JavaScript, Ajax







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-10-13 14:37:52 By : bsaranya View : 2773 Reply : 16
 

 

No. 1



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

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

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

Ajax ครับ ลอง search ดูครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-13 14:55:32 By : Krungsri
 


 

No. 2



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



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

คือไม่มีความรู้ด้าน Ajax เลยค่ะ พอจะแนะนำได้ไม๊ค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-13 15:29:48 By : bsaranya
 

 

No. 3



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

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

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

เข้าใจว่าต้องการจะส่ง parameter ไปแบบ anchor tag หรอครับ

<a href="url.php?dataVal=12xxx">คลิก</a>

ประมาณนี้ปะครับ ผมไม่ค่อยเข้าใจคำถาม
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-13 15:48:06 By : Manussawin
 


 

No. 4



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



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

จากเริ่มแรกนะค่ะ คือ มีเมนูที่พอกดแล้วจะส่งค่าไป หน้า xx.js
<li class="active"><a data-value="5" href="#templatemo-page7">พนักงานขับรถ</a></li>

หน้า xx.js
 $(".nav a").on('click',function(e){
            var dataVal=$(this).attr("data-value");
            console.log(dataVal);
//alert(dataVal);  ค่าที่ได้ คือ 5
}    


แล้วต้องการได้ค่าจาก dataVal มาใช้ในหน้า job.php คือไม่ทราบว่าจะ GET ค่าในหน้า xx.js มายังไงอ่ะค่ะ

Code (PHP)
<? 
		$sqlJob="select * from job where idJob='$_GET[dataVal]' and status='1'";
						$qJob=mysql_query($sqlJob);
				while($row=mysql_fetch_array($qJob)){ 
				
 
		echo "<h3 class='title'>".$row['nameJob']."</h3>";
}
?>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-13 16:05:41 By : bsaranya
 


 

No. 5



โพสกระทู้ ( 9,542 )
บทความ ( 2 )



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


อ่านจากคำถามแล้วไม่แน่ใจว่า จขกท ต้องการแบบไหนแน่

ก่อนอื่นขออธิบายหลักการของ Server กับ client ซักนิดนะครับ

Server (PHP) จะทำการ generate data ออกมาในรูป HTML + javascript ( ให้กับ Browser ของ เครื่อง client แบบปกติ)

Client Browser ( IE, Chrome, FF, WF etc.) จะทำการแปล HTML+javascript แสดงเป็นผล ให้ผู้ัใช้

เมื่อ Server generate HTML ส่งให้กับ Client แล้วก็จะตัดการติดต่อ กับ Client
(อาจจะมีการเก็บค่าบางอย่าง เพื่อใช้ในการติดต่อภายหลัง เช่น SESSION COOKIE )

ดังนั้น HTML + Javascript จะทำงานบน เครื่อง Client ซึ่งอยู่คนละเครืองกับ Server
ถ้าต้องการ ข้อมูล เพิ่มเติม จาก Server (PHP) ก็จำเป็นต้องทำการ Request ไปขอข้อมูลจาก Server ใหม่ อีกครั้ง

โดยกระบวนการ request มีอยู่ 2 อย่าง
1 ร้องขอการแสดงผลใหม่ทั้งหน้าเพจ
2 ร้องขอและเปลี่ยนข้อมูลเฉพาะบางส่วนของเพจ ซึ่งกระบวนการข้อที่ 2 นี้เรียกว่า AJAX

ก็ต้องถามจขกท ต่อละครับว่าต้องการแบบไหนครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-13 16:11:08 By : Chaidhanan
 


 

No. 6



โพสกระทู้ ( 9,542 )
บทความ ( 2 )



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


Code (JavaScript)
$(".nav a").on('click',function(e){
            var dataVal=$(this).attr("data-value");
            console.log(dataVal);
//alert(dataVal);  ค่าที่ได้ คือ 5
	$.ajax({ url: 'job.php', type: 'GET', data: { dataVal: dataVal }}).done( function(msg){ 
		alert( msg );
	});
}



ประวัติการแก้ไข
2014-10-13 16:15:16
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-13 16:15:03 By : Chaidhanan
 


 

No. 7



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



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

ขอบคุณค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-13 18:05:09 By : bsaranya
 


 

No. 8



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



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


ถ้าเขียน ajax ไม่เป็น แนะนำ IFrame เลยครับ ใช้รีเฟรช onkeyup-down

*** กรณีงานที่ไม่ต้องการความเนียนนะ เอาแค่ใช้งานได้พอ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-14 02:03:21 By : meannerss
 


 

No. 9



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



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

ขอโทษค่ะ พอดีลองแล้วมันไม่ขึ้นค่าให้อ่ะค่ะ ตามโค้ดนี้

Code (JavaScript)
$(".nav a").on('click',function(e){
            var dataVal=$(this).attr("data-value");
            console.log(dataVal);
			
			//alert(dataVal);
			$.ajax({ url: 'index.php', type: 'GET', data: { dataVal: dataVal }}).done( function(msg){ 
		alert( msg );
	});
	});


ขึ้นแต่ค่า alert แต่ค่า get ไม่ขึ้น

Code (PHP)
<? echo $_GET['dataVal'];?>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-18 15:39:00 By : bsaranya
 


 

No. 10



โพสกระทู้ ( 9,542 )
บทความ ( 2 )



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


ไฟล์ index,php ไม่แสดง อะไรเหรอครับ


ลอง
<?php echo 'TEST GET=', print_r($_GET, true); ?>



หรื่อไม่ก็ลองเปลี่ยน done เป็น success แบบมันหลายเวอร์ชั่นจนงงอะครับ

ผมเคยใช้ $('.class').on( 'click', '' ,'', function(e){});
หรือ $('.class').click( function(e){});
กับ $.ajax().done();


สำหรับ $('.class').on('click', fuction(){})
อาจเวอร์ชันเดียวกันกับ $.ajax().success( function (){});
ก็ได้มั้งครับ


ประวัติการแก้ไข
2014-10-18 17:04:18
2014-10-18 17:08:48
2014-10-18 17:10:35
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-18 17:00:04 By : Chaidhanan
 


 

No. 11



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



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


<li class="active"><a data-value="5" href="#templatemo-page7">พนักงานขับรถ</a></li>

ก็แบบว่า พอกดที่ลิงค์ <a> มันก็วิ่งไปหน้า templatemo-page7 แล้ว ไม่ทันได้ส่งค่าไปให้หน้า index.php หรอกครับ

เติมบรรทัดนี้ลงไปครับ e.preventDefault();

Code (PHP)
$(".nav a").on('click',function(e){
            e.preventDefault();
            var dataVal=$(this).attr("data-value");
            console.log(dataVal);
			
			//alert(dataVal);
			$.ajax({ url: 'index.php', type: 'GET', data: { dataVal: dataVal }}).done( function(msg){ 
		alert( msg );
	});
	});




ลองดูครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-18 21:16:08 By : cowboycnx
 


 

No. 12



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



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


ขอโทษด้วยครับ ลืมมองไปว่าที่อยู่ใน href ไม่ใช่ไฟล์ แต่เป็นแค่แองเคอร์

Code (PHP)
$(".nav a").on('click',function(e){
        e.preventDefault();
        var dataVal=$(this).data("value");
        console.log(dataVal);
	//alert(dataVal);
	$.get('index.php', { dataVal: dataVal },function(msg){ 
		alert( msg );
	});
});


ลองดูน่ะครับ


ประวัติการแก้ไข
2014-10-18 21:21:40
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-18 21:20:05 By : cowboycnx
 


 

No. 13



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



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

ยังไม่ได้อ่ะคะ
โค้ดหน้านี้หนุได้จาก template
http://www.templatemo.com/preview/templatemo_412_authentic

มันเป็น <a href="#templatemo-page2"></a>

คือโค้ดทุกอย่างมันอยู่ในหน้า index.php แบ่งเป็น section เอาค่ะ

โค้ดที่พี่ๆแนะนำมา หนูก็ไว้หน้า templatemo_script.js ค่ะ

Code (PHP)
<div class="col-sm-4 col-md-4">
<h3>ตำแหน่งงานที่รับสมัคร</h3>
         <div class="navbar-collapse collapse">
                   <ul class="nav navbar-nav">
						  <? $sqlname="SELECT * FROM `job` where status!='0' order by idJob DESC";
				  $queryname=mysql_query($sqlname);
				  while($rowname=mysql_fetch_array($queryname)) {
				  ?>
                    <li><a href="#templatemo-page8" data-value="<? echo $rowname['idJob'];?>"><? echo $rowname['nameJob']; ?></a>  </li>
                    <? } ?>
                </ul>
				
        </div>
</div>


เมื่อมีการคลิกที่ตำแหน่งงาน <a href="#templatemo-page8" data-value='????'></a>

ก็จะโชว์รายละเอียดตำแหน่งงานที่คลิก ในหน้า #templatemo-page8 (หน้าเดิม) ทางด้านขวามือ

Code (PHP)
<section id="templatemo-page8-text" class="inactive">
<div class="col-sm-4 col-md-4">
<h3>ตำแหน่งงานที่รับสมัคร</h3>
         <div class="navbar-collapse collapse">
                   <ul class="nav navbar-nav">
						  <? $sqlname="SELECT * FROM `job` where status!='0' order by idJob DESC";
				  $queryname=mysql_query($sqlname);
				  while($rowname=mysql_fetch_array($queryname)) {
				  ?>
                    <li><a href="#templatemo-page8" data-value="<? echo $rowname['idJob'];?>"><? echo $rowname['nameJob']; ?></a>  </li>
                    <? } ?>
                </ul>
				
        </div>
</div>
 <div class="col-sm-8 col-md-8">
			<h2 class="text-center">สมัครงาน</h2>
<? 
			$data = $_GET["dataVal"];
		$sqlJob="SELECT * FROM job WHERE idJob = '$data'";
		echo "<p>".$sqlJob."</p>";
						$qJob=mysql_query($sqlJob);
				while($row=mysql_fetch_array($qJob)){ 
				
 
		echo "<h3>".$row['nameJob']."</h3>";
		echo "<br/><b>รายละเอียดงาน  :  </b>";
} 
?>
</div>
</section>



ประวัติการแก้ไข
2014-10-20 11:06:43
2014-10-20 11:07:22
2014-10-20 11:08:12
2014-10-20 11:09:30
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-20 11:06:15 By : bsaranya
 


 

No. 14



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



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


เอางี้นะ ครับ ajax มันให้ดึงข้อมูลเป็นส่วนๆทำไมต้องทำให้มันดึงแบบนั้นด้วยครับ
ทำไมไม่ทำ ประมาน นีี้ ถ้าพูดอะไรผิดไปขอโทษ นะครับ ผม ไม่เข้าใจความต้องการกับ code เท่าไหร่
page main
Code (PHP)
$(".nav a").click(function(e){
        e.preventDefault();
        var dataVal=$(this).data("value");
        console.log(dataVal);
	//alert(dataVal);
	$.get('getDetail.php', { dataVal: dataVal },function(msg){ 
		$('#detail').html( msg );
	});
});


<ui class="nav">
 <li><a>a1<a/></li>
 <li><a>a2<a/></li>
<ul>
<div class="col-sm-8 col-md-8" id="detail">
</div>


page detail

Code (PHP)
print_r($_REQUEST)



ประวัติการแก้ไข
2014-10-20 11:46:50
2014-10-20 11:47:01
2014-10-20 12:09:05
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-20 11:42:42 By : gaowteen
 


 

No. 15



โพสกระทู้ ( 9,542 )
บทความ ( 2 )



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


เนื่องจากยิ่งอ่านแล้วยิ่งงงนะครับ ต้อขอโทษด้วย ก็ลองเอาโค๊ดตัวอย่างนี้ไปศึกษาการใช้งานดูนะครับ
เพื่อจะเห็น ไอเดีย ในการเขียนโค๊ดด้วยตัวเองได้
index.php
Code (PHP)
<?php
if(isset($_REQUEST['dataVal'])){
	// ส่วนการรับข้อมูลแล้ว แสดงผลออกไปให้ กับคำสั่ง $.ajax();
	echo 'Response DataValue = ' , $_REQUEST['dataVal']; exit;
}
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<script src="jquery-2.1.1.min.js" ></script>
<script language="javascript">
$(document).ready(function(e) {
	$(".nav a").on('click',function(e){
		var dataVal=$(this).attr("data-value");
		if(confirm(dataVal)){
			$.ajax({ url: 'index.php', type: 'GET', data: { dataVal: dataVal }}).done( function(msg){ 
				alert( msg );
			});
		}
	});	
});
</script>
<body>
<div class="nav">
<a data-value="showdata">ShowData</a>
</div>
</body>
</html>



ประวัติการแก้ไข
2014-10-20 13:15:41
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-20 13:09:06 By : Chaidhanan
 


 

No. 16



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



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

ได้แล้วค่ะ ขอบคุณทุกๆท่านมากนะคะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-20 17:28:25 By : bsaranya
 

   

ค้นหาข้อมูล


   
 

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