Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
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 :)