在與ajax相同的頁面中傳遞值

Question

我是ajax的新手。我的情況是，我想通過同一頁上的值，所以如果我點擊選擇的值傳遞給上

我的純PHP代碼，這樣

<?php include('connect.php'); 

$query="SELECT barang_id, nama, stok, AuUser,AuDate FROM barang"; 
$result=mysql_query($query); 

$num=mysql_numrows($result); 

mysql_close(); 
?> 
<table border="1" cellspacing="2" cellpadding="2" > 
<tr> 
<td><font face="Arial, Helvetica, sans-serif">No.</font></td> 
<td><font face="Arial, Helvetica, sans-serif">Barang ID</font></td> 
<td><font face="Arial, Helvetica, sans-serif">Nama</font></td> 
<td><font face="Arial, Helvetica, sans-serif">Stock</font></td> 
<td><font face="Arial, Helvetica, sans-serif">AuUser</font></td> 
<td><font face="Arial, Helvetica, sans-serif">AuDate</font></td> 
<td><font face="Arial, Helvetica, sans-serif">Select</font></td> 
</tr> 

<?php 
$i=0;$j=1; 
while ($i < $num) { 

$f1 = mysql_result($result,$i,"barang_id"); 
$f2 = mysql_result($result,$i,"nama"); 
$f3 = mysql_result($result,$i,"stok"); 
$f4 = mysql_result($result,$i,"auuser"); 
$f5 = mysql_result($result,$i,"audate"); 

?> 

<tr> 
<td><font face="Arial, Helvetica, sans-serif"><?php echo $j; ?></font></td> 
<td><font face="Arial, Helvetica, sans-serif"><?php echo $f1; ?></font></td> 
<td><font face="Arial, Helvetica, sans-serif"><?php echo $f2; ?></font></td> 
<td><font face="Arial, Helvetica, sans-serif"><?php echo $f3; ?></font></td> 
<td><font face="Arial, Helvetica, sans-serif"><?php echo $f4; ?></font></td> 
<td><font face="Arial, Helvetica, sans-serif"><?php echo $f5; ?></font></td> 
<td><a href="data.php?id=<?php echo $f1;?>&nama=<?php echo $f2;?>&stok=<?php echo $f3;?>&auuser=<?php echo $f4;?>&audate=<?php echo $f5;?>">Selected</a></td> 
</tr> 

<?php 
$i++; $j = $j + 1; 
}?> 
<?php 

$id1 = ($_GET['id']) ; 
$nama1 = ($_GET['nama']) ; 
$stok1 = ($_GET['stok']); 
$auuser1 = ($_GET['auuser']); 
$audate1 = ($_GET['audate']) ; 

?> 
<div class="tengah"> 
    <form action="doupload.php" method="post"> 
     <div class="kiri">ID </div> 
     <div class="kanan"><input type="text" name="id" id="id" value="<?php echo $id1;?>"/> </div> 
     <div class="kiri">nama </div> 
     <div class="kanan"><input type="text" name="nama" id="nama" value="<?php echo $nama1;?>"/></div> 
     <div class="kiri"> stock </div> 
     <div class="kanan"><input type="text" name="stok" id="stok" value="<?php echo $stok1;?><?php echo $id1;?>"/></div> 
     <div class="kiri">auuser </div> 
     <div class="kanan"><input type="text" name="user" id="user" value="<?php echo $auuser1;?>"/></div> 
     <div class="kiri">audate </div> 
     <div class="kanan"><input type="text" name="date" id="date" value="<?php echo $audate1;?>"/></div> 

     <div class="kiri"><input name="Submit" type="submit" value="submit" /></div> 
     <div class="kanan"><input name="Reset" type="reset" value="cancel" /></div> 
    </form> 
    <div id="insert_response"></div> 
</div> 

這裏有問題是我想用阿賈克斯，所以當我點擊在桌上選定。 在沒有加載的情況下傳遞的值。 謝謝

Answer 1

您不需要使用AJAX，因爲您不必從外部文件加載數據。你可以使用一些JavaScript來填充表單。有更有效的方法來做到這一點，然後下面的代碼，但這裏是一個快速和骯髒的答案...

哦，我做了jQuery的JavaScript，因爲它使事情變得更容易。但是，純JavaScript也可以做到這一點。

爲了您的HTML/PHP代碼，更改標籤使用的的onclick而不是HREF，並調用javascript函數：

<a onclick="updateForm('<?php echo '$f1'?>','<?php echo '$f2'?>','<?php echo '$f3'?>','<?php echo '$f4'?>','<?php echo '$f5'?>');">Selected</a> 

然後，看起來像這樣在同一頁上創建一個javascript函數：

<script> 

function updateForm(id, nama, stok, user,date){ 
    $('#id').val(id); 
    $('#nama').val(name); 
    $('#stok').val(stok); 
    $('#user').val(user); 
    $('#date').val(date); 
} 

</script> 

如果你不想使用jquery，我想$（ '＃ID'）VAL（ID）是的document.getElementById（ '身份證'）值= ID的等價物。;