通过jQueryAJAX和keyup事件搜索特定的术语

Search for a specific term via jQuery AJAX and keyup event

本文关键字：术语 搜索 事件 jQueryAJAX keyup 通过      更新时间：2023-09-26

我正试图在我的网站上建立一个优惠券系统，我想使用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);
相关文章：