SiamWebCity.com รับสร้างเว็บไซต์ครบวงจร
เลือกภาษา ภาษาอังกฤษ   
หน้าแรก
web
โปรโมทเว็บ
web
รับทำเว็บไซต์
web
สอนทำเว็บ
web
Domain 299บ.
web
ติดต่อเรา
web
 
รับทำเว็บไซต์ครบวงจร รับพัฒนาแอพพลิเคชั่น สำหรับ Facebook iPad iPhone Android รับอบรมการสร้างเว็บไซต์ โปรโมทเว็บไซต์ ดูแลเว็บไซต์ แก้ไขเว็บไซต์ : เริ่มต้นติดต่อที่เรา ที่เหลือเราเป็นผู้จัดการเพื่อท่าน : เราเป็นมากกว่าเครื่องมือที่ช่วยฝ่าวิกฤตเศรษฐกิจ หาคำตอบได้ที่ 089-179-0714
รายการ
เกี่ยวกับเรา
ทำไมต้องเลือกเรา
ผลงานที่ผ่านมา
เตรียมตัวก่อนทำเว็บ
รับดูแลเว็บไซต์
แอพ Facebook iPhone
โปรแกรมmlm สำเร็จรูป
เช่าโฮสติง
บริการหลังการขาย
เงื่อนไขการรับบริการ
ร่วมงานกับเรา
คำถามที่พบบ่อย
ติดต่อเรา

ฟรีบทความ
คู่มือการใช้งาน  คู่มือการใช้งาน
PHP MySQL  เกร็ดความรู้  PHP MySQL เกร็ดความรู้
PHP MySQL  VDO  เบื้องต้น  PHP MySQL VDO เบื้องต้น
VDO สอน Dreamweaver  VDO สอน Dreamweaver
jQuery  jQuery
HTML5  HTML5
ASP net   MS SQL  ASP net MS SQL
Oracle  Oracle
facebook app  facebook app
CSS  CSS
JSP  JSP
iphone ipad iphone itune ios  iphone ipad iphone itune ios
SEO  SEO
Google  Google
SQL Server  SQL Server
รดน้ำอัตโนมัติ  สปริงเกอร์  รดน้ำอัตโนมัติ สปริงเกอร์
AJAX  AJAX
คอมพิวเตอร์   อินเตอร์เน็ต  คอมพิวเตอร์ อินเตอร์เน็ต
bitcoin  bitcoin
JavaScripts  JavaScripts
cloud computing  cloud computing
xhtml  xhtml
RSS Feed  RSS Feed
Photoshop  Photoshop
wordpress  wordpress
Computer  Computer
MLM  MLM
NUTT's blog  NUTT's blog
ทีวีดิจิตอล DVB T2  ทีวีดิจิตอล DVB T2

รับสอน PHP, MySQL, HTML, CSS, Javascripts, FTP, Dreamweaver,PHPMyAdmin, Appserv, WMSEVER, php-Nuke , Joomla, SMF, Oscommerce, Phpbb, Paypal, Adwordsมาเรียนการสร้างเว็บกัน
บริการสอน แนะนำ Adwords , PHP, MySQL, HTML, FTP, SMF, PHPMyAdmin, Dreamweaver, Oscommerce, Photoshop, Flash...

test speed
Display Pagerank
ดูสถิติเว็บไซต์
Bookmark and Share

ทำ Login ไม่ต้อง refresh php jQuery Ajax



jQuery > ทำ Login ไม่ต้อง refresh php jQuery Ajax


รูปตัวอย่าง


SQL สร้างตารางฐานข้อมูลสำหรับทดสอบ
?
1
2
3
4
5
6
CREATE TABLE `myweb`.`members` (
  `member_id` int(11) NOT NULL AUTO_INCREMENT,
  `username` varchar(255) NOT NULL DEFAULT '',
  `password` varchar(255) NOT NULL DEFAULT '',
  PRIMARY KEY (`member_id`)
) ENGINE = MYISAM CHARACTER SET utf8 COLLATE utf8_general_ci;

ไฟล์ config.php
?
1
2
3
4
5
6
7
8
9
<?php
$host = "localhost";
$us = "root";
$pw = "123";
$db = "myweb";
    
$link = mysql_connect($host,$us,$pw)or die ("Could not connect to MySQL");
mysql_select_db($db)or die ("Could not connect to Database");
?>

ไฟล์ login.php
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html">
<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link type="text/css" rel="stylesheet" href="style.css">
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="login.js"></script>
    </head>
    <body>
         
        <center>
<div class="content">
<table>
<tbody><tr>
<td>
<div id="formlogin">
<form name="myform" method="post" action="">
  
<div id="user-error"></div>
<label for="username" style="margin-left: 29px;">Username : </label>
<div>
<span><img style="margin-bottom:-4px;" src="images/user.png">
</span> <input id="username" name="username" style="" type="text">
</div>
  
<div class="cleaner_h5"></div>
  
<div id="pass-error"></div>
<label for="password" style="margin-left: 29px;">Password : </label>
<div>
<span><img style="margin-bottom:-4px;" src="images/unlocked.png">
</span> <input id="password" name="password" style="" type="password">
</div>
  
<div class="cleaner_h5"></div>
  
<div>
<input style="margin-left:28px;" name="check" id="check"
       value="on" type="checkbox">Login ตลอดไป
</div>
  
<div class="cleaner_h5"></div>
<div>
<input id="submit" value="Login" onclick="login()"
       style="float:right;background:#3B59A8;border:1px solid #000;
color:#ffffff;font-weight:bold;" type="button">
</div>
  
<div class="cleaner_h10"></div>
<center><div id="login_fail"></div></center>
</form>
</div>
</td>
</tr>
</tbody></table>
</div>
</center>
         
    </body>
</html>

ไฟล์ login_sql.php
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?php
include 'config.php'; //เรียกใช้ไฟล์ config
$username = $_POST['username'];
$password = $_POST['password'];
$sql = "select * from members where
username = '$username' and password = '$password'";
$result = mysql_query($sql);
$num = mysql_num_rows($result);
if($num>0)
{
    echo 1;
}
else
{
    echo 0;
}
?>

ไฟล์ login.js
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
function login(){   
var username = document.myform.username.value;
var password = document.myform.password.value;
  
if(username==""){
$("#user-error").fadeIn(700).show("slow").html(
"<font style="margin-left:30px;color:red;font-size:12px;">\n\
กรุณากรอก username</font>"
);      
}
else{
$("#user-error").fadeOut(700).hide("slow");
}
  
if(password==""){
$("#pass-error").fadeIn(700).show("slow").html(
"<font style="margin-left:30px;color:red;font-size:12px;">\n\
กรุณากรอก password</font>"
);      
}
else {
$("#pass-error").fadeOut(700).hide("slow");
}
  
if(username!="" && password!=""){
var str = Math.random();
var datastring = 'str'+str + '&username='+username +
    '&password='+password;
$.ajax({
type:'POST',
url:'login_sql.php',
data:datastring,
  
success:function(data){
if(data==1){
$("#formlogin").html("<font size="5">success</font>");
//ประยุกต์ใช้ส่วนนี้สั่งโหลด profile ของ member แต่ละคนได้
// $("#formlogin").load("user_profile.php");
}
else{
$("#login_fail").html("<font color="red">Username หรือ\n\
 Password ไม่ถูกต้อง</font>");
document.myform.username.value="";
document.myform.password.value="";
}
}
});
}
  
}

refer: http://www.bookneo.com/tutorials/article/169


Short URL click! Facebook Share
<< Back : เข้าชม 3,818 ครั้ง : ขึ้นไปด้านบน
รับออกแบบสปริงเกอร์ sprinkler ระบบน้ำอัตโนมัติ สปริงเกอร์อัตโนมัติ www.SprinklerHome.com เพียง 13,900 บาท

รับโพสเว็บ รับจ้างโพสเว็บบอร์ด รับโพสเว็บไซด์ webboard Seeding รับจ้างโพสต์ โปรโมทเว็บไซต์ webUB.com



รับทำเว็บไซต์, ทำเว็บ, สร้างเว็บไซต์, รับทำเว็บ, รับออกแบบเว็บ, รับเขียนเว็บ, ออกแบบเว็บ, เว็บดีไซน์, รับสร้างเว็บ, เขียนเว็บไซต์, เว็บ, บริษัท ทำเว็บ, บริษัท สร้างเว็บ, บริษัท ออกแบบเว็บ, บริษัท เขียนเว็บ, ผลงานเว็บ, โฮสติ้ง,Design,Web,เว็บ,เว็บ โฮสติ้ง,เว็ป,โฮสติ้ง ราคาถูก,เว็บไซต์,จดโดเมน,เว็บโฮสติ้ง,Web Download,Web PHP,Flash MX,Graphic Design,Search Engine, Web, Design, Web Host,Web Hosting,Web Page,เขียนเว็บ,เขียนเว็บไซต์,จัดทำเว็บ,จัดทำเว็บไซต์,ทำเว็บ,ทำเว็บไซต์, โปรโมทเว็บ,ฟรี เว็บ,รับเขียนเว็บ,รับทำเว็บ,รับทำเว็บไซต์,รับออกแบบเว็บ,รับออกแบบเว็บไซ ต์,เว็บ สำเร็จรูป,เว็บดีไซน์,เว็ปไซต์, สร้างเว็บ,สร้างเว็บไซต์,ออกแบบ เว็บไซต์,ออกแบบเว็บ,ออกแบบเว็บไซต์,เขียนโปรแกรม,บริการเว็บโฮสติ้ง,ประชา สัมพันธ์เว็บ,รับจัดทำเว็บไซต์,รับสร้างเว็บ,เว็บโปรแกรม,เว็บสวย, บริการจัดทำเว็บไซต์,บริษัทรับจัดทำเว็บไซต์,ให้บริการจัดทำเว็บไซต์, มีประสบการณ์การจัดทำเว็บไซต์, งานบริการเว็บไซต์,ผลงานการเว็บไซต์,ผลงานเว็บไซต์,เว็บไซต์,เว็บไซต์ ปรัชญา "พอเพียง",เว็บไซต์ราคาที่ยุติธรรม,เว็บไซต์ระบบมาตรฐาน,เว็บไซต์ทุกงาน, เว็บไซต์ธุรกิจ, โปรโมทเว็บ,ประชาสัมพันธ์เว็บ,เว็บ,ออกแบบเว็บ,เขียนโปรแกรม,สร้างเว็บ,ออก แบบเว็บไซต์,ทำเว็บ,เว็บสวย,เขียนเว็บไซต์,ทำเว็บไซต์,รับทำเว็บ,รับออกแบบ เว็บ,เขียนเว็บ,รับเขียนเว็บ,รับทำเว็บไซต์,รับจัดทำเว็บไซต์,เว็บโฮสติ้ง, จัดทำเว็บ,เว็บโปรแกรม,เว็บไซต์,เว็บดีไซน์,รับออกแบบเว็บไซต์,สร้างเว็บไซ ต์,เว็บ,จดโดเมน,บริการเว็บโฮสติ้ง,จัดทำเว็บไซต์,โปรแกรมคอมพิวเตอร์

รับทำเว็บไซต์ : โปรโมทเว็บไซต์ : รับเขียนโปรแกรม : สอนสร้างเว็บ : จด Domain name 299บ. : เช่า Hosting : บริการดูแลเว็บไซต์ : หารายได้เพิ่ม : Sitemap.xml
ดูหนังออนไลน์ ดูหนังชนโรง

ข้อสอบ คลังข้อสอบ ระบบข้อสอบ โปรแกรมข้อสอบ ฟรี Exam.in.th
เว็บไซต์ในเครือข่าย: SiamWebCity.com webUB.com Pyayam.com EXAM.in.th ข้อสอบ.ไทย ไอเดียแต่งบ้าน homeEST.com
Copyright © 2009-2014 SiamWebCity.COM. ® All rights reserved. หมายเลขทะเบียนประกอบพานิชย์อิเลคทรอนิกส์ : 0447314800321
Call. 08-9179-0714 (Hotline); E-mail, Google Talk : admin [at] siamwebcity.com, Skype: SiamWebCity.com
ขึ้นไปด้านบน