JavaScript 无法重新加载页面结账表单

Question

当我点击“提交订单”/btn_cod按钮后，页面就静悄悄的没有任何反应!但是当我点击主页或任何其他页面时都会重新加载!

function CodSubmitOrder(){ $('#btn_cod').attr('disabled', true).addClass('disabled');

$.post('<?php echo base_url('/cod/process-payment');?>', function(data)
{
    if(data.errors != undefined)
    {
        console.log('data error');

        var error = '<div class="alert alert-danger">';
        $.each(data.errors, function(index, value)
        {
            error += '<p>'+value+'</p>';
        });
        error += '</div>';

        $.gumboTray(error);
        $('#btn_cod').attr('disabled', false).addClass('disabled');
    }
    else
    {
        console.log('data success');

        if(data.orderId != undefined)
        {
            window.location = '<?php echo site_url('order-complete/');?>/'+data.orderId;
        }
    }

    console.log(data);
}, 'json');}

Answer 1

我认为您使用 PHP echo 的方式是有原因的。

我认为 $base_url 和 $site_url 是在 PHP 中定义的，并且在很多地方使用......像这样:

<?php
$base_url = "/cod/process-payment";
$site_url = "order-complete/";
?>

检查这些，特别是关于斜线......

然后，要在 jQuery 代码中回显它们，方法如下:

function CodSubmitOrder(){

    $('#btn_cod').attr('disabled', true).addClass('disabled');

    $.post('<?php echo $base_url; ?>', function(data){
        if(data.errors != undefined)
        {
            console.log('data error');

            var error = '<div class="alert alert-danger">';
            $.each(data.errors, function(index, value)
            {
                error += '<p>'+value+'</p>';
            });
            error += '</div>';

            $.gumboTray(error);
            $('#btn_cod').attr('disabled', false).addClass('disabled');
        }
        else
        {
            console.log('data success');

            if(data.orderId != undefined)
            {
                window.location = '<?php echo $site_url; ?>'+data.orderId;
            }
        }

        console.log(data);
    }, 'json');
}