|
 |
| |
php กับ ajax ผมจะส่งค่าตัวแปรมากกว่า 1 ค่าตัวแปร ต้องเพิ่มเติมยังไงครับ |
| |
 |
|
|
 |
 |
|
xmlhttp.open("GET","gethint.php?q="+str,true);
คำสั่งประมาณ
xmlhttp.open("GET","gethint.php?q="+str+"&a="+value ,true);
มันต้องต่อคิวรีสตริงเอาอะนะถ้าจำไม่ผิด ลองดูนะ ปกติใช้แต่ jquery ลืม
|
 |
 |
 |
 |
| Date :
2011-07-13 11:32:24 |
By :
bank1324 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
Code (JavaScript)
<html>
<head>
<script type="text/javascript">
function showHint(str)
{
if (str.length==0)
{
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","gethint.php?txt1=" + txt1 + "txt2=" + txt2 + "q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
<p><b>Start typing a name in the input field below:</b></p>
<form>
First name: <input type="text" onkeyup="showHint(this.value)" size="20" />
<input type="text" name="txt1" id="txt1" value="test1xxxxxx" />
<input type="text" name="txt2" id="txt2" value="test2xxxxxx" />
</form>
<p>Suggestions: <span id="txtHint"></span></p>
</body>
</html>
แบบนี้ป่าว ไม่ได้รันดูว่าผ่านป่าว ถ้าจะส่งตัวแปรมากกว่า1ตัวใช้ เครื่องหมาย +
|
| |
|
|
| |
| Date :
2011-07-13 11:36:53 |
By :
avsqlz |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (JavaScript)
var url = 'AjaxPHPRegister2.php';
var pmeters = "tUsername=" + encodeURI( document.getElementById("txtUsername").value) +
"&tPassword=" + encodeURI( document.getElementById("txtPassword").value ) +
"&tName=" + encodeURI( document.getElementById("txtName").value ) +
"&tEmail=" + encodeURI( document.getElementById("txtEmail").value );
HttPRequest.open('POST',url,true);
|
| |
|
|
| |
| Date :
2011-07-13 11:44:57 |
By :
webmaster |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ลองใช้ jquery ดูครับ
Code (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>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#button').click(function(){
var txt=$('#form1').serialize(); // ใช้ serialize() รวมเอา ค่าทั้งหมดที่อยู่ใน form
$.ajax({
type: 'POST',
url: "test1.php",
data: txt,
success: function(data){
$('#result').html( data );
}
});
})
});
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
ชื่อ :<input type="text" name="name" id="name" />
นามสกุล :<input type="text" name="lastname" id="lastname" />
ที่อยู่ :<input type="text" name="address" id="address" />
<input type="button" name="button" id="button" value="Button"/>
</form>
<br />
<span id="result"></span>
</body>
</html>
หน้า test1.php
Code (PHP)
<?php
echo 'ชื่อ : '.$_POST['name'].' นามสกุล : '.$_POST['lastname'];
echo '<br>';
echo 'ที่อยู่ : '.$_POST['address'];
?>
|
| |
|
|
| |
| Date :
2011-07-13 12:00:42 |
By :
ไวยวิทย์ |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (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=windows-874" />
<title>Untitled Document</title>
</head>
<body>
<script type="text/javascript">
function doCalSum(Record, Qty, Price){
var Sum;
Sum = parseFloat(Price) - parseInt(Qty) ;
document.getElementById("hdnSum" + Record).value = Sum.toFixed(2);
document.getElementById("spnSum" + Record).innerHTML = Sum.toFixed(2);
doCalTotal();
}
function doCalTotal(){
var Record = document.getElementById("hdnCount").value;
var Total = 0;
for(i=1;i<=Record;i++){
Total += parseFloat(document.getElementById("hdnSum" + i).value);
}
document.getElementById("spnTotal").innerHTML = Total.toFixed(2);
}
function digitsOnly(obj){
var regExp = /[0-9]$/;
if(!regExp.test(obj.value)){
obj.value = obj.value.substring(0, obj.value.length -1);
return false;
}
}
function showUser(str)
{
if (str=="")
{
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","rp.php?qtys="+str,true);
xmlhttp.send();
}
</script>
<form>
<?
$qty1="100";
$qty2="200";
$qtya="1000";
?>
<table width="100%" border="1" cellspacing="0" cellpadding="2">
<tr>
<td align="center"><strong>รายการ</strong></td>
<td width="120" align="center"><strong>งบฯ</strong></td>
<td width="120" align="center"><strong>ราคาที่จ่าย</strong></td>
<td width="120" align="center"><strong>รวม</strong></td>
</tr>
<tr>
<td align="center"><div align="left">ค่าส่วนกลาง</div></td>
<td width="120" align="center">1000.00</td>
<td width="120" align="center"> </td>
<td width="120" align="center"> </td>
</tr>
<tr>
<td>ค่าน้ำ
<input type="hidden" name="hdnId1" id="hdnId1" value="1" /></td>
<td align="center"><? echo $qty1; ?></td>
<td align="center"><input name="txtQty1" type="text" id="txtQty1" size="15" value="0" onkeyup="digitsOnly(this);doCalSum(1, this.value, '<? echo $qty1; ?>')" OnBlur="JavaScript:showUser(this.value);"></td>
<td align="center"><span name="spnSum1" id="spnSum1">0</span>
<input type="hidden" name="hdnSum1" id="hdnSum1" value="0" /></td>
</tr>
<tr>
<td>ค่าไฟ
<input type="hidden" name="hdnId2" id="hdnId2" value="2" /></td>
<td align="center"><? echo $qty2; ?></td>
<td align="center"><input name="txtQty2" type="text" id="txtQty2" size="15" value="0" onkeyup="digitsOnly(this);doCalSum(2, this.value, '<? echo $qty2; ?>')" OnBlur="JavaScript:showUser(this.value);"></td>
<td align="center"><span name="spnSum2" id="spnSum2">0</span>
<input type="hidden" name="hdnSum2" id="hdnSum2" value="0" /></td>
</tr>
<tr>
<td colspan="3"><strong>Total</strong></td>
<td align="center"><span name="spnTotal" id="spnTotal">0</span></td>
</tr>
</table>
<input type="hidden" name="hdnCount" id="hdnCount" value="2"/>
</form>
<div id="txtHint">
</div>
</body>
</html>
อันนี้ครับผมจะเอามาประยุกต์ใช้งาน คือเมมือกรอก ค่าไฟไป ค่าไฟก็จะต้องโชว์ขึ้น และเมื่อกรอกค่าน้ำไปค่าน้ำก็จะแสดงขึ้นมาเพิ่ม
rp.php
Code (PHP)
<?php
echo $qtys;
?>
ผมต้องเพิ่มเติมไงครับ
|
| |
|
|
| |
| Date :
2011-07-13 20:59:29 |
By :
ddsiam |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ดันครับดัน
|
| |
|
|
| |
| Date :
2011-07-14 15:11:20 |
By :
ddsiam |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมหมายถึงว่า พอผมกรอกค่าไฟไป เมื่อเอาเมาท์ออก มันก็จะส่งค่าไปโชว์ ครับ
เช่น ค่าไฟ 80
ค่าน้ำ 0
และพอกรอกค่น้ำไป ก้จะโชว์ค่าน้ำออกมาด้วย
ค่าไฟ 80
ค่าน้ำ 50
ประมาณนี้ครับ
|
| |
|
|
| |
| Date :
2011-07-14 16:40:50 |
By :
ddsiam |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ดันๆๆๆ
|
| |
|
|
| |
| Date :
2011-07-18 13:38:24 |
By :
ddsiam |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ให้ไปโชว์ที่ไหนครับ ผมลอง ใส่ ตรง ราคาที่จ่าย ไป 10 มันจะโชว์รวม 90
|
| |
|
|
| |
| Date :
2011-07-18 14:39:10 |
By :
ไวยวิทย์ |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ต้องการส่งค่า txtbox1 กับ txtbox2
ไปแสดงที่ไฟล rp.php
<?php
echo $txtQty1;
echo $txtQty1;
?>
|
| |
|
|
| |
| Date :
2011-07-18 18:18:46 |
By :
ddsiam |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ดันครับดัน
|
| |
|
|
| |
| Date :
2011-07-19 16:21:23 |
By :
ddsiam |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 00
|
