|
 |
| |
อยากจะถามว่า $.get(); / $.post(); / .ajaxsend(); มันใช้ต่างกันอย่างไรครับ!!!!! |
| |
 |
|
|
 |
 |
|
ตรงตัวนะครับ
$.get(); ไว้ส่ง http request แบบ $_GET
$.post(); ไว้ส่ง http request แบบ $_POST
.ajaxsend(); อันนี้มันคือ event เกิดตอนส่ง http request ด้วย ajax
|
 |
 |
 |
 |
| Date :
2011-12-24 03:15:36 |
By :
ikikkok |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
อ๋อ!! ขอบคุณครับ . . . .
แล้วถ้า ผมทำlogin แบบที่ผมบอกต้องทำอย่างไรอะครับ เพราะต้องใส่ form ด้วยไมอะครับ เพราะที่ผมเห็นในตัวอย่างอะครับไม่ต้องใช่ฟอร์ม หรือว่ามีก็ได้ ไม่มีก็ได้ แล้วถ้าทำการส่งไปแล้วและเช็คว่าไม่มีไอดีนี้ ต้องทำอย่างไรอะครับ
|
| |
|
|
| |
| Date :
2011-12-24 06:04:09 |
By :
thethaicom |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (JavaScript)
$("#btn1").click(function(){
$.post("ajaxSend.php", {
data1: $("#txt1").val(),
data2: $("#txt2").val()},
function(result){
alert('Step 3');
$("#div1").html(result);
}
);
});
ส่งไปแบบนี้ก็ได้ครับ
Go to : .ajaxSend() - Ajax , jQuery
Go to : jQuery Ajax : jQuery and Ajax
|
| |
|
|
| |
| Date :
2011-12-24 06:10:25 |
By :
webmaster |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอถามต่ออีกหน่อยนะครับ คือผมได้ทำตามคำแนะนำแล้วครับ แต่ติดที่ว่าจะทำยังไงให้ค่ามันค้างไว้ กด F5 หรือ Refresh ไม่ให้กลับคืนค่าเริ่มต้นอะครับ เพื่อจะไม่เข้าใจ เอารูปภาพมาประกอบให้ดูแบบที่ละรูปนะครับ
1. ภาพก่อน login ครับ
2. เวลากดที่ id ส่วนของ login จะโชว์ส่วนด้านล่างดังรูปนี้
3. พอกดปุ่ม login แล้วมันจะได้ข้อมูลจากการ requres กลับจาก myssql (Program XAMPP) พอกด refresh มันก็จะกลับไปที่ข้อที่ 1 ใหม่ครับ
จะต้องทำยังไงให้ค่ามันค้างแบบรูปนี้อะครับ  แล้วสามารถนำไปใช้ได้ทุกหน้าอะครับ มีโค๊ดให้ดูครับ
หน้า index.php Code (JavaScript)
<!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" />
<title>Omg iT Zone</title>
<style type="text/css">
body{word-wrap:break-word;}
</style>
<script src="jquery/jquery_1_6_4.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
//alert ("page");
var num = "click Show Login";
$('.cs_login').click(num,function(e){
//alert (num);
$('#show_login').slideToggle();
$('#txt_login').select();
});
$('#bt_submit').click(function(e) {
alert ("bt_submit");
if ( $('#txt_login').val() == "" ){
alert ("Username : " + $('#txt_login').val() );
$('#txt_login').select();
}
else if ( $('#txt_password').val() == "" ){
alert ("Password : " + $('#txt_password').val() );
$('#txt_password').select();
}
else
{
$.post('login.php' , {
username: $('#txt_login').val() ,
password: $('#txt_password').val() } ,
function (data){
//alert (data);
$('#change_login').html(data);
});
return true;
}
});
});
</script>
<body>
<table width="1024" border="1" cellspacing="0" cellpadding="0" align="center">
<tr height="150">
<th scope="col">
<h1>Head name</h1>
<table border="0" width="200" style="position:fixed; top:0.5em; right:8.5em; word-wrap:break-word;" id="change_login">
<tr>
<td width="100" class="cs_register"><tt>Register</tt></td>
<td width="100" class="cs_login"><tt>Login</tt></td>
</tr>
<tr id="show_login" style="display:none;">
<td colspan="2">
<table border="0" width="100%" cellpadding="0" cellspacing="0" title="Tb_formlogin" bgcolor="#FFFFFF">
<tr>
<td width="45%" align="right"><font size="-1">Login : </font></td>
<td width="55%"><input type="text" name="txt_login" id="txt_login" /></td>
</tr>
<tr style="border-top:#000 inset 1em;">
<td align="right"><font size="-1">Password : </font></td>
<td><input type="password" name="txt_password" id="txt_password" /></td>
</tr>
<tr align="right">
<td colspan="2">
<span style="width:100; font-size:12px; color:#F00;">Forgot password</span>
<span style="width:100;"><button type="submit" name="bt_submit" id="bt_submit">Login</button></span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</th>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>
หน้า login.php Code (PHP)
<script src="jquery/jquery_1_6_4.js"></script>
<script>
$(document).ready(function(e) {
alert ("login.php");
$('#show_detail').css({'display' : 'none'});
$('#main_detail').click(function(e) {
$('#show_detail').slideToggle();
});
});
</script>
<?php
//@session_start();
//echo "You input : <u>".$_POST["username"]."</u> and <u>".$_POST["password"]."</u>";
include_once("Connnect/connnect.php");
if ( trim ( $_POST["usename"] == "" ) && ( $_POST["password"] == "" ) )
{
echo "Not send Usename & Password";
}
else
{
//echo "Ok";
$username = $_POST["username"];
$password = md5( $_POST["password"] );
$sql_login = "SELECT username , password FROM member WHERE username = '$username' and password = '$password' ";
$res_login = mysql_query ($sql_login) or die (mysql_error());
$num_login = mysql_num_rows ($res_login);
$row_login = mysql_fetch_array ($res_login);
if ( $num_login == 0 )
{
echo "<script>history.back();</script>";
}
else
{?>
<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr id="main_detail">
<td style="font-size:14px;" align="right">Wellcome <?=$row_login["username"];?></td>
</tr>
<tr align="right" id="show_detail">
<td>
<div>Profile</div>
<div>Logout</div>
</td>
</tr>
</table>
<?php }
}
?>
ปล1.มันต้องใส่ session หรือ cookie ลงไปด้วยหรือป่าวครับ
ปล2. แล้วต้องทำยังไงให้มันไม่คืนค่ากลับไปหน้า index.php อะครับ ในส่วนของ login
ปล3. ขอขอบคุณล่วงหน้านะครับ แล้วจะมีมาอีกเรื่องๆ
|
| |
|
|
| |
| Date :
2011-12-24 20:22:05 |
By :
thethaicom |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ใช้ session หรือ cookie เช็คเอาซิครับ ถ้ามีการล็อกอินก็ echo ออกมาตามนั้น แต่ถ้าไม่ค่อยแสดงฟอร์มให้ล็อกอิน
|
| |
|
|
| |
| Date :
2011-12-25 08:21:53 |
By :
ikikkok |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
แล้วถ้าใส่ต้องเขียนฝั่ง Jquery หรือป่าวครับ หรือว่า แค่ไปเขียนฝั่ง php อะครับ แล้วถ้าเขียนฝั่ง Jquery ต้องเขียนยังไงอะครับ
|
| |
|
|
| |
| Date :
2011-12-25 15:48:48 |
By :
thethaicom |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ใช้ php ครับ
|
| |
|
|
| |
| Date :
2011-12-25 23:42:19 |
By :
ikikkok |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
แบบนี้
Code (PHP)
<?php
//ถ้ามีตัวแปรเซสชั่น $_SESSION["username"] แสดงว่าล็อกอินเรียบร้อยแล้ว
if (!isset($_SESSION["username"])) {
/* ใส่เนื้อหาอื่นๆที่ให้ดูได้เฉพาะผู้ที่ล็อกอินแล้ว */
echo '<li><a href="../login.php" class=" awesome small" title="login">Login</a> | <a href="../login.php" class=" awesome small" title="login">Register</a></li>';
}
else { //ยังไม่ได้ล็อกอิน
echo '<li class="li_login"><font class="font_user">You are [</font>'.$_SESSION["username"].'<font class="font_user">]</font> <a href="../logout.php" class=" awesome small" title="login">Logout</a></li>';
}
?>
ว่างๆช่วยไปตอบทู้ผมหน่อยนะครับ
https://www.thaicreate.com/script/forum/071673.html
|
ประวัติการแก้ไข
2012-01-10 18:57:59
| |
|
|
| |
| Date :
2012-01-10 18:55:47 |
By :
kissover |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
 ตอบความคิดเห็นที่ : 1 เขียนโดย : ikikkok เมื่อวันที่ 2011-12-24 03:15:36
รายละเอียดของการตอบ ::
อ่านแล้วพอจะเข้าใจแต่ยังเข้าใจไม่เท่าไหร่ครับอยากให้อธิบายเพิ่มหน่อยครับ คือผมเข้าใจอยู่ว่า
$.get(); กับ $.post(); เหมือนกันต่างกันแค่ส่งเป็นแบบ GET กับ POST
.ajaxsend(); อันนี้มันคือ event เกิดตอนส่ง http request ด้วย ajax
มันต่างกับข้างบนยังไงครับ แล้วคำสั่งนี้
$.ajax({
type: 'POST',
url: targetLink,
data: textSend,
success: function(data){
$(targetResult).html( data );
}
});
อันนี้มันมันเลือก type : 'POST' หรือ 'GET' ก็ได้ แล้วมันต่างกับ คำสั่ง 2 ประเภท ข้างบนยังไงครับ หรือจะต่างกันแค่ที่
ajaxsend มันสามารถทำงานก่อนที่จะมีการส่ง Request ไปยัง Server ได้
ถ้ายกตัวอย่างการใช้ได้จะขอบคุณมากครับ เพราะปกติผมใช้ $.ajax เอาอย่างเดียวเลย รู้สึกว่ามันครอบคลุมดี
|
| |
|
|
| |
| Date :
2012-01-23 11:09:05 |
By :
bekmit |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
$.get() ก็คือ $.ajax({ type: 'get' }) via http://james.padolsey.com/jquery/#v=git&fn=jQuery.get
$.post() ก็คือ $.ajax({ type: 'post' }) via http://james.padolsey.com/jquery/#v=git&fn=jQuery.post
ส่วน $.fn.ajaxSend มันเป็น event ของ ajax ตามที่เข้าใจครับ
|
| |
|
|
| |
| Date :
2012-01-23 16:11:05 |
By :
ilumin |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 05
|
