如何在jQuery中调用Laravel辅助函数实现实时货币转换？

我已在Laravel中创建了名为convertBaseCurrencyToIp的辅助函数，用于将基准货币转换为基于IP地址的对应货币，页面刷新时该函数可正常运行，但在选择产品属性导致价格变更时，无法实时触发该函数进行货币转换，请问如何在jQuery中调用此Laravel辅助函数？

// 将基准价格转换为IP对应地区的货币价格
function convertBaseCurrencyToIp($base_price){
    $ipaddress = '';
    if (isset($_SERVER['HTTP_CLIENT_IP']))
        $ipaddress = $_SERVER['HTTP_CLIENT_IP'];
    else if(isset($_SERVER['HTTP_X_FORWARDED_FOR']))
        $ipaddress = $_SERVER['HTTP_X_FORWARDED_FOR'];
    else if(isset($_SERVER['HTTP_X_FORWARDED']))
        $ipaddress = $_SERVER['HTTP_X_FORWARDED'];
    else if(isset($_SERVER['HTTP_FORWARDED_FOR']))
        $ipaddress = $_SERVER['HTTP_FORWARDED_FOR'];
    else if(isset($_SERVER['HTTP_FORWARDED']))
        $ipaddress = $_SERVER['HTTP_FORWARDED'];
    else if(isset($_SERVER['REMOTE_ADDR']))
        $ipaddress = $_SERVER['REMOTE_ADDR'];
    else
        $ipaddress = 'UNKNOWN';
    $arr_ip = geoip()->getLocation($ipaddress);
    $base_currency = 'INR';
    $currency_of_ip = $arr_ip->currency;
    $currency_conversion = Currency::convert()->from($base_currency)->to($currency_of_ip)->amount($base_price)->round(2)->get();

    return $currency_conversion;
}

原jQuery代码

$(document).on("click",".clear-attributes",function (){
        $(".checkbox").removeAttr("checked");
        $("#price").text(site_currency_symbol + parseFloat($("#price").data("main-price")).toFixed(2));

        let old_image = $("#product-image").val();
        $(".attribute_img").attr("src",old_image);

        showAndHideClearButton($(".checkbox:checked").length);
    })

    $(document).on("click",".checkbox",function (){
        showAndHideClearButton($(".checkbox:checked").length);
    });

核心说明 #

Laravel辅助函数是服务器端PHP代码，而jQuery是客户端JavaScript，两者运行环境完全分离，无法直接在jQuery中调用PHP函数。必须通过「前端AJAX请求后端API接口」的方式实现实时转换。

步骤1：创建后端API路由 #

在routes/api.php中添加一个路由，暴露货币转换功能：

use Illuminate\Http\Request;

Route::get('/convert-currency', function (Request $request) {
    // 验证参数有效性
    $basePrice = $request->query('base_price');
    if (!$basePrice || !is_numeric($basePrice)) {
        return response()->json(['error' => '请提供有效的基准价格'], 400);
    }

    // 调用辅助函数完成货币转换
    $convertedPrice = convertBaseCurrencyToIp($basePrice);
    
    // 获取对应地区的货币符号，方便前端直接显示
    $location = geoip()->getLocation(request()->ip());
    $currencySymbol = $location->currency_symbol ?? $location->currency;

    return response()->json([
        'price' => $convertedPrice,
        'symbol' => $currencySymbol
    ]);
});

步骤2：优化辅助函数的IP获取逻辑 #

用Laravel自带的request()->ip()替代原生PHP的IP获取代码，更简洁可靠：

function convertBaseCurrencyToIp($base_price){
    $ipaddress = request()->ip();
    $arr_ip = geoip()->getLocation($ipaddress);
    $base_currency = 'INR';
    $currency_of_ip = $arr_ip->currency;
    $currency_conversion = Currency::convert()->from($base_currency)->to($currency_of_ip)->amount($base_price)->round(2)->get();

    return $currency_conversion;
}

步骤3：修改jQuery代码，通过AJAX调用API #

封装货币转换的AJAX函数，在属性变更时触发请求并更新页面价格：

// 封装货币转换AJAX函数，返回Promise对象
function convertCurrency(basePrice) {
    return $.ajax({
        url: '/api/convert-currency',
        method: 'GET',
        data: { base_price: basePrice },
        dataType: 'json'
    });
}

// 清空属性按钮点击事件
$(document).on("click",".clear-attributes",function (){
    $(".checkbox").removeAttr("checked");
    const mainPrice = parseFloat($("#price").data("main-price"));

    // 请求API转换货币并更新页面价格
    convertCurrency(mainPrice)
        .done(function(response) {
            $("#price").text(response.symbol + response.price.toFixed(2));
        })
        .fail(function() {
            // 请求失败时显示原价格作为降级方案
            $("#price").text(site_currency_symbol + mainPrice.toFixed(2));
        });

    let old_image = $("#product-image").val();
    $(".attribute_img").attr("src",old_image);

    showAndHideClearButton($(".checkbox:checked").length);
});

// 属性选择框点击事件
$(document).on("click",".checkbox",function (){
    showAndHideClearButton($(".checkbox:checked").length);
    
    // 根据选中属性计算新的基准价格（需根据你的业务逻辑调整）
    let newBasePrice = calculateNewBasePrice();
    
    // 请求API转换货币并更新页面价格
    convertCurrency(newBasePrice)
        .done(function(response) {
            $("#price").text(response.symbol + response.price.toFixed(2));
        })
        .fail(function() {
            $("#price").text(site_currency_symbol + newBasePrice.toFixed(2));
        });
});

// 示例：根据选中属性计算新价格的函数（请根据实际业务修改）
function calculateNewBasePrice() {
    let mainPrice = parseFloat($("#price").data("main-price"));
    let attributeTotal = 0;
    
    // 累加选中属性的价格（假设每个checkbox有data-price属性存储属性价格）
    $(".checkbox:checked").each(function() {
        attributeTotal += parseFloat($(this).data("price") || 0);
    });
    
    return mainPrice + attributeTotal;
}

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