Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
update record table tanpa reload/refresh page
bagaimana caranya agar update tanpa terjadi reload/refresh page.. saya tau pake ajax.. cuman mengimplementasikannya bagaimana ??
saya ingin mengupdate quantity ketika saya tekan tombol +/- namun tetep ke reload/refresh page. berikut gambar dan sourcode :
order.php :
<center>
<button type="submit" class="qtyminus" name="minus" onclick="window.location='cart-update.php?id=<?php echo $row['cdid'];?>&item_id=<?php echo $row['item_id']?>&cart_id=<?php echo $row['cart_id'] ?>&quantity=<?php echo $row['qty']-1 ?>';">-</button>
<input type="text" name="quantity" class="qty" value="<?php echo $row['qty']?>" style="width: 50px; text-align: center;" readonly></input>
<button type="submit" class="qtyplus" name="plus" onclick="window.location='cart-update.php?id=<?php echo $row['cdid'];?>&item_id=<?php echo $row['item_id']?>&cart_id=<?php echo $row['cart_id'] ?>&quantity=<?php echo $row['qty']+1 ?>';">+</button>
</center>
cart-update.php :
<?php
include 'config.php';
$cart_id = $_GET['cart_id'];
$id = $_GET['id'];
$item_id = $_GET['item_id'];
$qty = $_GET['quantity'];
$myqry=mysqli_query($conn,"UPDATE cart_order_detail SET qty='$qty'
WHERE cart_id='$cart_id'
AND item_id='$item_id'
AND id='$id'");
if ($myqry)
{
echo '<script language="javascript">document.location="order.php";</script>';
}
Bagaimana ada yg bisa bantu implementasikan dengan ajax agar tidak refresh page ketika update ?
6 Jawaban:
Bro, onclick jangan pakai window.location. Buat satu javascript function simpan() yang isinya ajax untuk save, trus di onlick="simpan()".
<html>
<center>
<button type="submit" class="qtyminus" name="minus" onclick="test();">-</button>
<input type="text" name="quantity" class="qty" value="<?php echo $row['qty']?>" style="width: 50px; text-align: center;" readonly></input>
<button type="submit" class="qtyplus" name="plus" onclick="test()">+</button>
</center>
</html>
<script type="text/javascript">
function test() {
alert('test');
//AJAX Call
}
</script>
@mltobing bener juga sih.. cuman untuk ajaxnya saya ga ngerti bentuk kodingan/parameternya
Jawaban Terpilih
Saya anjurkan pakai jquery kalo mau AJAX
var quantityVal = $("input[name='quantity']").val();
$.ajax({
url: 'proses.php',
method: 'GET',
data: {qty: quantityVal },
cache: false,
dataType: 'html',
success: function(data) {
alert(data);
},
});
di proses.php nanti
$_GET['qty'] untuk mendapatkan quantity hasil kiriman ajax trus di bagian akhir keluarkan hasil, print_r atau echo yang nantinya menjadi hasil dari success ajax (data)
oke sudah bisa terimakasih @mltobing :)