0
我有一個加載頁面數據的AJAX腳本。數據顯示沒有問題。問題是當我點擊一個按鈕來刪除一條記錄。然而,記錄被刪除,數據在成功時不刷新。有沒有辦法在不重新加載整個頁面的情況下刷新數據?刪除後的JQuery刷新數據
<script>
$(document).ready(function() {
ajaxFunction()
});
function ajaxFunction() {
event.preventDefault();
contentType: "application/json; charset=utf-8";
dataType: "json";
$.get('getShoppingCart.ashx', function (data) {
{
var result = '';
$.each(data, function (index, value) {
result += '' +
'<div class="main-area bg-white">' +
'<div class="row">' +
'<div class="columns medium-12">' +
'<div class="row">' +
'<div class="medium-6 columns">' +
'<img class="img-responsive pull-right" id="RewardImage_' + index + '" src="' + value.RewardImage + '" />' +
'</div>' +
'<div class="medium-6 columns">' +
'<label id="RewardTitle_' + index + '">' + value.RewardTitle + '</label>' +
'<br />' +
'<label id="RewardDescription_' + index + '">' + value.RewardDescription + '</label>' +
'<br />' +
'<label id="RewardPoints_' + index + '">' + value.RewardPoints + '</label>' +
'<br />' +
'<label id="ExpirationDate_' + index + '">' + value.ExpirationDate + '</label>' +
'<br />' +
'<button type="button" id="' + value.RewardOfferID + '" class="btn">Remove Reward</button>' +
'<br />' +
'<br />' +
'</div>' +
'</div>' +
'</div>' +
'</div>' +
'</div>'
});
if (!result) {
result = 'No Items in the Shopping Cart';
};
$('#result').html(result);
}
})
};
$(document).on('click', '.btn', null, function (event) {
event.preventDefault();
var varID = this.id;
$.ajax({
contentType: "application/json; charset=utf-8",
data: 'ID=' + varID,
url: "deleteCartItem.ashx",
dataType: "json",
success: function (data) {
ajaxFunction()
}
});
});
</script>
也發表您的ajaxFunction的內容()。 –
@HikmatSijapati我編輯原始問題以顯示ajaxFunction() –
通常當頁面上的數據是'