Postingan lainnya

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 ?

javascript ajax php

@inginbelajar

95 Kontribusi 21 Poin

Diperbarui 6 tahun yang lalu

6 Jawaban:

coba baca tentang ajax post

@Nandar

648 Kontribusi 204 Poin

Dipost 6 tahun yang lalu

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

114 Kontribusi 77 Poin

Dipost 6 tahun yang lalu

@mltobing bener juga sih.. cuman untuk ajaxnya saya ga ngerti bentuk kodingan/parameternya

@inginbelajar

95 Kontribusi 21 Poin

Dipost 6 tahun yang lalu

bisa kesini nih gan klo mo belajar http://api.jquery.com/jquery.ajax/

@BroGoeh

121 Kontribusi 47 Poin

Dipost 6 tahun yang lalu

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)

@mltobing

114 Kontribusi 77 Poin

Dipost 6 tahun yang lalu

oke sudah bisa terimakasih @mltobing :)

@inginbelajar

95 Kontribusi 21 Poin

Dipost 6 tahun yang lalu