Ajax未加载内容

Question

我有一个增加数量的按钮

<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的原因谢谢！

Answer 1

根据您在上面发布的源代码，您正在访问不在HTML文件中的input元素。 如果可以注意到，在HTML中，您已在项目ID后面为输入元素的ID添加了空格。 在使用javascript时，尝试访问同一元素时，没有在项目ID后面添加空格，尽管我认为最好不要在ID中添加空格。

[HTML]

<input name="quantity-"'.$item_id.'" " id="quantity-'.$item_id.' " type="text" value="' . $quantity . '" />

[Javascript]

$('#quantity-' + item_id).val( new_quantity );