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 > จะดึงข้อมูลจากอีกไฟล์ php มาใส่ ช่อง div เมือกด login เสร็จโดยการ include (JQuery)



 

จะดึงข้อมูลจากอีกไฟล์ php มาใส่ ช่อง div เมือกด login เสร็จโดยการ include (JQuery)

 



Topic : 119048



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



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




var UrlToPass = 'action=login&username='+username.val()+'&password='+password.val();
			$.ajax({ // Send the credential values to another checker.php using Ajax in POST menthod
			type : 'POST',
			data : UrlToPass,
			url  : 'process/checker.php',
			success: function(responseText)
			{ // Get the result and asign to each cases
				if(responseText == 0){
					login_result.html('<span class="label label-danger">รหัสผ่านไม่ถูกต้อง !</span>');
				}
			else if(responseText == 1){
					
          include ?

				}
				else{
					login_result.html('<span class="error">Problem with SQL Database!</span>');
				}
			}
			});


นี้คับโค๊ดตอน login เมื่อ login จะ include ยังไงหรอคับช่วยหน่อย



Tag : PHP, MySQL, jQuery








ประวัติการแก้ไข
2015-09-23 17:47:25
2015-09-23 17:49:57
2015-09-23 17:51:30
2015-09-23 18:25:01
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2015-09-23 17:46:23 By : Tachi View : 2240 Reply : 10
 

 

No. 1



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



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

จะ include อะไรก็ ทำซะให้เสร็จใน ไฟล์ 'process/checker.php'
ทำเสร็จแล้วส่งแค่ result ที่ต้องการ มา ไม่ต้องมา include ใน jquery อีก

ปล. มันทำไม่ได้ จะเอาตัวแปรจาก javascript มา include ไม่ได้ครับ




ประวัติการแก้ไข
2015-09-23 18:27:28
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-09-23 18:25:51 By : NewbiePHP
 


 

No. 2



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

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

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

มันต้องเป็น HTML Format ถูกแล้วครับ ง่าย ๆ ก็ไปเขียน HTML ให้ถูกตาม Format ที่ต้องการแล้วค่อยส่งกลับมก็ได้ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-09-23 18:26:38 By : mr.win
 

 

No. 3



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



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


อ้อ ขอบคุณคับ พอดีมือใหม่
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-09-23 18:27:25 By : Tachi
 


 

No. 4



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



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


Code (JavaScript)
$('#id').load(path_url);

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-09-23 19:45:14 By : CasanovaKung
 


 

No. 5



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



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


ตอบความคิดเห็นที่ : 4 เขียนโดย : CasanovaKung เมื่อวันที่ 2015-09-23 19:45:14
รายละเอียดของการตอบ ::
ได้แล้วคับ แต่ทำไมเวลาปิดหน้าเว็บแล้วกลับเข้ามาใหม่มันให้ login อีก แต่ SESSION ยังอยู่

1 ตอนก่อน login

1

2. ตอน login แล้ว

23

3 refresh

3


ประวัติการแก้ไข
2015-09-23 22:35:17
2015-09-23 22:39:42
2015-09-23 22:40:43
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-09-23 22:34:19 By : Tachi
 


 

No. 6



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



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

อันดับแรก ต้องมี session_start(); ที่ต้นโปรแกรม ก่อนการ ส่งข้อมูลให้ client
ต่อมาก็ flow control เรียงลำดับการตรวจสอบ session ไว้ถูกต้องหรือเปล่า
เอาโค๊ดตัวเต็มมาลงให้ดูจะได้ช่วยเช็คได้ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-09-24 06:03:22 By : NewbiePHP
 


 

No. 7



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



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


ตอบความคิดเห็นที่ : 6 เขียนโดย : NewbiePHP เมื่อวันที่ 2015-09-24 06:03:22
รายละเอียดของการตอบ ::
นี้คับ
<?php
session_start();
include 'process/connectdb.php';
?>

<script type="text/javascript" src="process/jquery-1.9.1.js"></script>
<script type="text/javascript">

$(document).ready(function()
{
	$('#login').click(function(){ // Create `click` event function for login
		var username = $('#username'); // Get the username field
		var password = $('#password'); // Get the password field
		var login_result = $('.login_result');	// Get the login result div
		login_result.html('<i class="fa fa-spinner fa-spin fa-3x"></i>'); // Set the pre-loader can be an animation
		if(username.val() == ''){ // Check the username values is empty or not
			username.focus(); // focus to the filed
			login_result.html('<span class="label label-danger">กรุณาใส่ชื่อผู้ใช้</span>');
			return false;
		}
		if(password.val() == ''){ // Check the password values is empty or not
			password.focus();
			login_result.html('<span class="label label-danger">กรุณาใส่รหัสผ่าน</span>');
			return false;
		}
		if(username.val() != '' && password.val() != ''){ // Check the username and password values is not empty and make the ajax request
			var UrlToPass = 'action=login&username='+username.val()+'&password='+password.val();
			$.ajax({ // Send the credential values to another checker.php using Ajax in POST menthod
			type : 'POST',
			data : UrlToPass,
			url  : 'process/checker.php',
			success: function(responseText)
			{ // Get the result and asign to each cases
				if(responseText == 0){
					login_result.html('<span class="label label-danger">รหัสผ่านไม่ถูกต้อง !</span>');
				}
				else if(responseText == 1)
				{
                    $('#login-blog').load('process/userpage.php');
				}
				else{
					login_result.html('<span class="error">Problem with SQL Database!</span>');
				}
			}
			});
		}
		return false;
	});
});
</script>

</script>

<script src="js/bootstrap.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/npm.js"></script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<title>Home Page</title>
</head>

<body>
<div class="bg"><img src="image/bg.jpg" width="1400" height="750"/></div>
<div class="header">
	<div class="alphaBg"><div class="text-center"><img src="image/header-img.jpg"/></div></div>
</div>
<div class="blog">

<div class="blog-span1">
  <div class="login-blog" id="login-blog">
  <div class="panelHeading"><i class="fa fa-sign-in"></i> Login</div>
    <input name="username" type="text" class="form-control" id="username" placeholder="ชื่อผู้ใช้"/>
    <input name="password" type="password" class="form-control" id="password" placeholder="รหัสผ่าน"/>
<p>
  <center><input name="login" id="login" type="button" class="btn btn-primary btn-xs" value="Login &raquo;" />
  <input name="register" id="register" type="button" class="btn btn-primary btn-xs" value="สมัครสมาชิก &raquo;" />
  <p></p>
<div class="login_result" id="login_result"></div></center>
  </div>
  
     <div class="menu-blog">
  <div class="panelHeading"><i class="fa fa-sign-in"></i> Menu Blog</div>
     <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
	<p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
  </div>
 
   <div class="radio-blog">
  <div class="panelHeading"><i class="fa fa-sign-in"></i> Radio Blog</div>
  <iframe src="//www.wink.in.th/musicbox/200x60-b.php" width="190" height="60" frameborder="0" scrolling="no" allowtransparency="true"></iframe>
  </div>
 
</div>

<div class="blog-span2">
  <div class="center-blog">
  <div class="panelHeading"><i class="fa fa-sign-in"></i> Center Blog</div>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <div class="panelHeading"><i class="fa fa-sign-in"></i> Center Blog</div>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
	<p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
  </div>
</div>  
  
<div class="blog-span3">
    <div class="ranking-blog">
    <div class="panelHeading">
    <i class="fa fa-sign-in"></i> Ranking Score</div>
	<?php include 'process/list.php'; ?>
  </div>
  </div>
  
     <div class="serverstatus-blog">
    <div class="panelHeading">
    <i class="fa fa-sign-in"></i> Server Status</div>
	    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
	<p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
  </div>
  
    <div class="players-blog">
    <div class="panelHeading">
    <i class="fa fa-sign-in"></i> Last Registered Players</div>
	<?php include 'process/last-registered.php'; ?>
  </div>
  
  </div>
  
</div>
  
</div>
</div>

<div class="footer-blog">
  <p>All rights reversed  2015 ©</p>
  <p>Developed by <a href="#">Master Sitez</a></p>
  <p><script id="_wauvmf">var _wau = _wau || []; _wau.push(["small", "3fa144ko9r3e", "vmf"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/small.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script></p>
</div>

</body>
</html>



แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-09-24 09:09:20 By : Tachi
 


 

No. 8



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



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


ปิดหน้าเว็บนี่ ปิด browser หรอ?
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-09-24 09:30:39 By : CasanovaKung
 


 

No. 9



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



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


ป่าวคับแค่ refresh หน้าเว็บ
ช่อง login blog ก้ขึ่นมาให้ login ใหม่แล้วคับ


ประวัติการแก้ไข
2015-09-24 09:35:26
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-09-24 09:34:11 By : Tachi
 


 

No. 10



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



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

โค๊ดที่เอามาลง การวาง script ไม่ค่อยถูกแต่ก็ไม่ใช่ปัญหาในการที่จะ refresh แล้วไม่ได้ค่า

ที่เข้า login อีกครั้งเพราะไม่ได้มีการตรวจสอบ session คับ
เอาโค๊ดที่เอามาลงปรับปรุงให้เป็นตัวอย่างครับ
Code (PHP)
<?php
session_start();
if( isset($_SESSION['user_id']) && $_SESSION['user_id']>'' ){
    // ตรวจสอบว่าได้มีการ login ไว้แล้วจะให้ไปทำงานต่อที่โปรแกรมไหน
    // ถ้าไม่ตรวจสอบก็จะเข้าส่วน login ใหม่เสมอ
    header('location: โปรแกรมใหม่.php'); exit;
}
/////////////////////////////////  ส่วนข้างล่างนี้เป็นส่วนของการ login 
include 'process/connectdb.php';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<title>Home Page</title>
<script type="text/javascript" src="process/jquery-1.9.1.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/npm.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('#login').click(function(){ // Create `click` event function for login
		var username = $('#username'); // Get the username field
		var password = $('#password'); // Get the password field
		var login_result = $('.login_result');	// Get the login result div
		login_result.html('<i class="fa fa-spinner fa-spin fa-3x"></i>'); // Set the pre-loader can be an animation
		if(username.val() == ''){ // Check the username values is empty or not
			username.focus(); // focus to the filed
			login_result.html('<span class="label label-danger">กรุณาใส่ชื่อผู้ใช้</span>');
		}else if(password.val() == ''){ // Check the password values is empty or not
			password.focus();
			login_result.html('<span class="label label-danger">กรุณาใส่รหัสผ่าน</span>');
		}else{
			var UrlToPass = 'action=login&username='+username.val()+'&password='+password.val();
			$.ajax({ // Send the credential values to another checker.php using Ajax in POST menthod
				type : 'POST',
				data : UrlToPass,
				url  : 'process/checker.php',
				success: function(responseText){ // Get the result and asign to each cases
					if(responseText == 0){
						login_result.html('<span class="label label-danger">รหัสผ่านไม่ถูกต้อง !</span>');
					}else if(responseText == 1){
						$('#login-blog').load('process/userpage.php');
					}else{
						login_result.html('<span class="error">Problem with SQL Database!</span>');
					}
				}
			});
		}
		return false;
	});
});
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
</script>
</head>
<body>
<div class="bg"><img src="image/bg.jpg" width="1400" height="750"/></div>
<div class="header">
	<div class="alphaBg"><div class="text-center"><img src="image/header-img.jpg"/></div></div>
</div>
<div class="blog">
	<div class="blog-span1">
		<div class="login-blog" id="login-blog">
			<div class="panelHeading"><i class="fa fa-sign-in"></i> Login</div>
			<input name="username" type="text" class="form-control" id="username" placeholder="ชื่อผู้ใช้"/>
			<input name="password" type="password" class="form-control" id="password" placeholder="รหัสผ่าน"/>
			<center>
				<input name="login" id="login" type="button" class="btn btn-primary btn-xs" value="Login &raquo;" />
				<input name="register" id="register" type="button" class="btn btn-primary btn-xs" value="สมัครสมาชิก &raquo;" />
				<p></p>
				<div class="login_result" id="login_result"></div>
			</center>
		</div>
		<div class="menu-blog">
			<div class="panelHeading"><i class="fa fa-sign-in"></i> Menu Blog</div>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
			</div>
		 
			<div class="radio-blog">
				<div class="panelHeading"><i class="fa fa-sign-in"></i> Radio Blog</div>
				<iframe src="//www.wink.in.th/musicbox/200x60-b.php" width="190" height="60" frameborder="0" scrolling="no" allowtransparency="true"></iframe>
			</div>
		</div>
		<div class="blog-span2">
			<div class="center-blog">
				<div class="panelHeading"><i class="fa fa-sign-in"></i> Center Blog</div>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<div class="panelHeading"><i class="fa fa-sign-in"></i> Center Blog</div>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
			</div>
		</div>  
		<div class="blog-span3">
			<div class="ranking-blog">
				<div class="panelHeading"><i class="fa fa-sign-in"></i> Ranking Score</div>
				<?php include 'process/list.php'; ?>
			</div>
		</div>
		<div class="serverstatus-blog">
			<div class="panelHeading"><i class="fa fa-sign-in"></i> Server Status</div>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
		</div>
    <div class="players-blog">
			<div class="panelHeading"><i class="fa fa-sign-in"></i> Last Registered Players</div>
			<?php include 'process/last-registered.php'; ?>
		</div>
	</div>
</div>
<div class="footer-blog">
  <p>All rights reversed  2015 ©</p>
  <p>Developed by <a href="#">Master Sitez</a></p>
  <p><script id="_wauvmf">
var _wau = _wau || []; _wau.push(["small", "3fa144ko9r3e", "vmf"]);
(function() {var s=document.createElement("script"); s.async=true;
	s.src="http://widgets.amung.us/small.js";
	document.getElementsByTagName("head")[0].appendChild(s);
})();</script></p>
</div>
</body>
</html>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-09-24 09:43:50 By : NewbiePHP
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : จะดึงข้อมูลจากอีกไฟล์ php มาใส่ ช่อง div เมือกด login เสร็จโดยการ include (JQuery)
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 03
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 อัตราราคา คลิกที่นี่