我正试图在我的网站上建立一个优惠券系统,我想使用jQuery AJAX来实现这一点。
所以我是怎么做到的…
我在coupon.php中有一个数组,其中包含以下数据:
Array
(
[admins] => 50
[helpers] => 20
)
admins是优惠券,而50则是用户将获得的销售。出示html表单的用户当然需要输入优惠券名称。
这就是我的jQuery的样子:
$(function() {
var ilength = 3;
var price_class = document.getElementsByClassName('price_no');
var price_no = parseFloat(price_float[0].innerHTML);
$('#coupon_entry').keyup(function() {
var that = this,
value = $(this).val();
if (value.length >= ilength)
{
$.ajax({
url: 'coupon.php',
type: 'POST',
data: {'coupon': value},
dataType: 'html',
success: function(result) {
if (result != 0)
{
$('.price_no').text(result / 100 * price_no);
}
}
});
}
});
});
这就是.price_no
在HTML中的样子:
<span class="price">Total: <strong><span class="price_no">28.9</span> USD</strong></span>
这就是我在PHP中处理整个过程的方式:
$coupon_post = $_POST['coupon'];
$coupons_str_ary = explode(';', $config['mp_coupons']);
$coupons_array = array();
foreach ($coupons_str_ary as $coupon)
{
$coupon_percentage = substr(strrchr($coupon, '='), 1);
$coupon_name = $market->reverse_strrchr($coupon, '=', 0);
$coupons_array[$coupon_name] = $coupon_percentage;
}
unset($coupons_array[0]);
echo (array_key_exists($coupon_post, $coupons_array)) ? (float) $coupons_array[$coupon_post] : 0;
?>
这个PHP脚本有我上面发布的数组,然后我使用用户的输入来调用数组的键,然后如果使用优惠券,则使用返回消息(echo
)来获得新的销售价格。
问题
我上面描述的一切都不起作用——数字根本没有变化。
p.S:我还使用了jQuery text()
方法。但是.price_no
总是变成/return NaN
,然后我切换到经典的Javascript来获取类名。
我做错了什么?
var price_class = document.getElementsByClassName('price_no');
var price_no = parseFloat(price_float[0].innerHTML); //error is here
我认为您必须将price_float[0]更改为price_class[0]
更改代码执行此
var price_class = document.getElementsByClassName('price_no');
//variable name is price_class not price_float
var price_no = parseFloat(price_class[0].innerHTML);