Question

在提交ItemEdit表单之前，我使用Stripe.js尝试检索付款来源的令牌。我能够停止表单提交并获取令牌，但我试图弄清楚如何在AJAX请求完成（成功）后再次调用提交操作。现在我使用form.submit()，但是想要刷新整个页面并给我一个丑陋的警报（离开/停留）。有人知道更顺畅的方法吗？

(function($) {
    $.entwine('ss', function($) {
        var form = $('#Form_ItemEditForm');
        var field = $('input.stripetokenfield');

        $(form).entwine({
            onsubmit: function(e) {
                var key = getStripeFieldByData(form, 'key');
                var token_field = getStripeFieldByData(form, 'token');
                Stripe.setPublishableKey(key.val());
                Stripe.card.createToken(form, stripeResponseHandler);
                e.preventDefault();
                return false;
            }
        });
    });

    function getStripeFieldByData(form, string) {
        var field = $(form).find('[data-stripe="' + string + '"]');
        return field;
    }

    function stripeResponseHandler(status, response) {
        var form = $('#Form_ItemEditForm');
        if(response.error) {
            form.find('.payment-errors').text(response.error.message);
        }else {
            var token_field = getStripeFieldByData(form, 'token');
            token_field.val(response.id);
            if(token_field.val()) {
                form.get(0).submit();
            }
        }
    }
})(jQuery);

Answer 1

如果您的目标是发出请求并避免刷新页面，可以通过使用jQuery POST发送表单数据来完成。

$.post(form.attr('action'), form.serialize(), function(response){
  // do something here on success
});

如果您想要刷新，可以使用window.location.reload()手动执行此操作，或使用window.location.replace()或window.location.href将用户重定向到目标网页。

文档：jQuery.post()

从javascript调用ItemEditForm上的保存操作

1 个答案: