Undefined variable $totalPrice报错：jQuery渲染总价失败求助

一、修复PHP变量未定义错误 #

你在HTML中使用了{{ $totalPrice }}但未初始化该变量，导致PHP抛出未定义变量错误。在@php代码块中补充$totalPrice的初始化逻辑即可：

修改后的HTML代码（重点修正PHP变量及无效DOM结构）：

<ul>
    @php 
        $total = 0;
        // 初始化totalPrice，默认与购物车总价一致（未使用优惠券状态）
        $totalPrice = $total;
        @foreach ($cart as $details)
            $total += $details->product_price * $details->quantity;
        @endforeach
        // 循环计算后更新totalPrice为最终总价
        $totalPrice = $total;
    @endphp
    <li>Cart Subtotal<span>{{ $total }}</span></li>
    <!-- 修正DOM结构：tr不能直接放在ul内，改为li -->
    <li class="hide show_coupon_box">
        <span>Coupon Code <a href="javascript:void(0)" onclick="remove_coupon_code()"
                class="remove_coupon_code_link">Remove</a></span>
        <span id="coupon_code_str"></span>
    </li>

    <li>Shipping<span>Free</span></li>
    <!-- 修正DOM结构：td不能直接放在ul内，改为li -->
    <li class="last" id="total_price">INR {{ $totalPrice }}</li>
</ul>

二、修复AJAX成功状态代码未生效问题 #

1. 修正无效DOM结构 #

原HTML中把<tr>、<td>直接嵌套在<ul>里，违反HTML规范，会导致jQuery选择器失效、样式异常。上面的代码已将这些元素替换为符合<ul>要求的<li>。

2. 确保后端返回标准JSON格式 #

后端接口必须返回JSON格式响应，否则jQuery无法正确解析result对象。以Laravel为例，控制器方法应这样返回：

public function applyCouponCode(Request $request)
{
    // 优惠券验证、计算优惠后总价逻辑...
    $discountedTotal = // 计算得到的优惠后价格
    return response()->json([
        'status' => 'success',
        'totalPrice' => $discountedTotal,
        'msg' => '优惠券已成功应用'
    ]);
}

3. 添加调试日志排查返回数据 #

在AJAX的success回调中添加控制台日志，确认返回的数据结构是否符合预期：

success: function(result) {
    console.log('AJAX返回数据:', result); // 打开浏览器控制台查看输出
    if (result.status == 'success') {
        jQuery('.show_coupon_box').removeClass('hide');
        jQuery('#coupon_code_str').html(coupon_code);
        jQuery('#total_price').html('INR ' + result.totalPrice);
        jQuery('.apply_coupon_code_box').hide();
    } else {
        // 可补充错误状态的处理逻辑
    }
    jQuery('#coupon_code_msg').html(result.msg);
}

4. 核对元素选择器正确性 #

确认.apply_coupon_code_box、.show_coupon_box等元素的类名/ID拼写无误，且这些元素确实存在于DOM中。

内容的提问来源于stack exchange，提问作者badrinath