私は以下のようなポップアップフォームを持っています
ここにコード
*<div class="popup_window_css" id="sample" display="none">
<table class="popup_window_css">
<tr class="popup_window_css">
<td class="popup_window_css">
<div class="popup_window_css_head"><img src="../../images/close.gif" alt="" width="9" height="9" />Aksi</div>
<div class="popup_window_css_body"><div style="border: 1px solid #808080; padding: 6px; background: #FFFFFF;">
<div>
Werehouse Product
<br><select id="wp" name="wp" >
<option selected>- Jenis Werehouse -</option>
<?php
$q = mssql_query("select WHSName from tblSPDMstWarehouseProduct Order by WHSID");
while ($r = mssql_fetch_array($q)){
echo "<option value=$r[WHSName]>$r[WHSName]</option>";
}
?>
</select>
</br>
Posisi
<br><input type="text" id="posisi" name="posisi" readonly/></br>
Product ID
<br><select id="pid" name="pid">
<option selected = "selected" >- Produk ID -</option>
<?php
$q = mssql_query("select ProductID from tblMstProduct Order by ProductID");
while ($r = mssql_fetch_array($q)){
echo "<option value=$r[ProductID]>$r[ProductID]</option>";
}?>
</select>
</br>
Product Name
<br><input type="text" id="pname" name="pname" size="65" readonly/>
</br>
Production Date
<br><input type='text' id="tgl" name="tgl"></br>
<button id="save">Save</button>
<button id="view">View</button>
<button id="delete">Delete</button>
<span id="status"></span>
<img src="../../images/loading.gif" id="loading" style="display:none">
</div>
<div class="popup_window_css_foot"></div></td></tr></table>
</div>*
ajax.jquery を制御イベントとして使用します。$("#save").click(function(){.....}); のように
<script type="text/javascript">
var wp;
var posisi;
var pid;
var pname;
var pdate;
var datanya;
$(document).ready(function(){
//jika tombol save diclick
$("#save").click(function(){
//ambil nilai-nilai dari masing-masing input
wp = $("#wp").val();
if(wp==="- Jenis Werehouse -"){
alert("Pilih dulu jenis werehouse");
exit();
}
posisi = $("#posisi").val();
pid = $("#pid").val();
if(pid==="- Produk ID -"){
alert("Pilih dulu ID Produk");
exit();
}
pname = $("#pname").val();
if(pname==""){
alert("Pilih dulu ID Produk");
exit();
}
pdate=$("#pdate").val();
if(pdate==""){
alert("Isi dulu tanggal inputnya");
exit();
}
ここで問題
datanya = "wp="+wp+"&posisi="+posisi+"&pid="+pid+"&pname="+pname;
datanya = datanya+"&pdate="+pdate;
//tampilkan status Updating dan animasinya
$("#status").html("Proses...");
$("#loading").show();
$.ajax({
type:"POST",
url: "aksi.php",
data: "op=save"+datanya,
cache: false,
success: function(msg){
if(msg=="sukses"){
$("#status").html("Data Berhasil Disimpan...");
}else{
$("#status").html("ERROR..penyimpanan data GAGAL!");
}
$("#loading").hide();
}
});
});
});
</script>
このスクリプトでは、要素 ID で値を取得し、メソッドとして POST を使用しようとしています。ここに aksi.php コード
<?php
//conect to database
//get the value
$op = $_POST['op'];
if($op == "save"){
$WH = htmlspecialchars($_POST['wp']);
$Posisi = htmlspecialchars($_POST['posisi']);
$ProductID = htmlspecialchars($_POST['pid']);
$ProductName = htmlspecialchars($_POST['pname']);
$ProductionDate = htmlspecialchars($_POST['pdate']);
$save = mssql_query("Insert tblTrnProduct values('$ProductID', '$ProductName', '$WH', '$Posisi', '$ProductionDate')
WHERE Posisi='$Posisi'");
if($save){
echo "sukses";
}else{
echo "error";
}
}
?>
aksi.php では値が記録されませんでした。c'z when i use<?php print_r($_POST) ?>
は空の結果を持っています。もちろん、ブラウザでこれを実行すると、「エラー..ペニーインパナン データ GAGAL」と表示されます。何が問題なのですか? アドバイスをお願いします...コードサンプルでもっと感謝します..