ajax没有加载内容

时间:2012-12-04 01:05:44

标签: php jquery ajax

我有一个增加数量的按钮

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

1 个答案:

答案 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 );