我有一个增加数量的按钮
<input name="quantity-"'.$item_id.'" " id="quantity-'.$item_id.' " type="text" value="' . $quantity . '" />
$increase = '1';
<input name="increase-' . $item_id . '" id="increase-' . $item_id . '" type="button" value="+" onClick="cart_change_quantity('.$item_id .','.$quantity.','.$increase.')" />
功能:
function cart_change_quantity( item_id, quantity, mod ) {
$.ajax({
url: 'functions/product-change-quantity.php',
type: 'GET',
data: {
item_id: item_id,
quantity: quantity,
mod: mod
},
success: function(response) {
if ( response.search('success') != -1 ) {
var felbontva = response.split('__'),
new_quantity = felbontva[1];
$('#quantity-' + item_id).val( new_quantity );
}
else {
alert( 'An error occured while trying to update your order.' );
}
}
});
}
和product-change-quantity.php:
$item_id = $_GET["item_id"];
$quantity = $_GET["quantity"];
$mod= $_GET["mod"];
if ( $mod == '1' ) { $new_quantity = (int)$quantity + 1; }
echo 'success__' . $new_quantity;
它只是没有做任何事情。我想用该按钮增加产品的数量,之后我想在后台做更多的事情而不刷新页面,这就是我选择ajax的原因 谢谢!
答案 0 :(得分:0)
根据您在上面发布的源代码,您正在访问不在您的html文件中的输入元素。如果您注意到在HTML中,则在输入元素ID的项ID之后添加了空格。在您的javascript上,当您尝试访问相同的元素时,您没有在item id之后添加空格,尽管我认为如果您不在ID中添加空格会更好。
[HTML]
<input name="quantity-"'.$item_id.'" " id="quantity-'.$item_id.' " type="text" value="' . $quantity . '" />
[使用Javascript]
$('#quantity-' + item_id).val( new_quantity );