2015-08-21 43 views
0

我的代码有问题。真的不知道什么是错的。Laravel路线不适用于js

该路线应该显示来自输入的令牌数据,但提交按钮只是加载并没有任何反应。因此,随着检查元素 - 令牌生成。 这里是路线:

Route::get('buy', function(){ 
    return View('pages.add_creditcard'); 
}); 

Route::post('buy', function(){ 
dd(Input::all()); 
}); 

这里查看(刀片):

{!! Form::open(['id' => 'billing-form', 'url' => '/buy', 'method' => 'post']) !!} 
卡号: CVC: 截止日期: {! Form :: selectMonth(null,null,['data-stripe'=>'exp-month'])!!} {!!形式:: selectRange(NULL,日期( 'Y'),日期( 'Y')+ 10,空,[ '数据条纹'=> 'EXP-年'])!}

{!!表::提交( '立即购买',[ '身份证'=> '提交'])!}

{!! Form::close() !!} 

这里是js文件:

(function() { 

var StripeBilling = { 
    init: function() { 
     this.form = $('#billing-form'); 
     this.submitButton = this.form.find('input[type=submit]'); 
     this.submitButtonValue = this.submitButton.val(); 

     var stripeKey = $('meta[name="publishable-key"]').attr('content'); 

     Stripe.setPublishableKey(stripeKey); 

     this.bindEvents(); 
    }, 

    bindEvents: function() { 
     this.form.on('submit', $.proxy(this.sendToken, this)); 
    }, 

    sendToken: function(event) { 
     this.submitButton.val('One Moment...').prop('disabled', true); 

     Stripe.createToken(this.form, $.proxy(this.stripeResponseHandler, this)); 


     event.preventDefault(); 
    }, 

    stripeResponseHandler: function(status, response) { 

     if(response.error) { 
      this.form.find('.payment-errors').show().text(response.error.message); 
      return this.submitButton.prop('disabled', false).val(this.submitButtonValue); 
     } 


     $('<input>', { 
      type: 'hidden', 
      name: 'stripeToken', 
      value: response.id 

     }).appendTo(this.form); 

     //this.form[0].submit(); 


    } 

}; 

StripeBilling.init(); 

})();

此表单完全正常工作,但POST方法什么都不做。也许JS是问题?

+0

当我改变this.form = $( '#计费形式')以this.form = $( '计费形式')POST工作。它会生成一个令牌并将其显示在帖子页 – codddeerz

+0

通过stripe.js,信用卡信息不会触及服务器,您将获得一个令牌。 – mdamia

+0

是的!但是当我添加信用卡并点击提交按钮时,它正在加载并创建令牌。我可以在检查元素上看到隐藏元素。但为什么这条路线::发布不工作? – codddeerz

回答

1

Stripe.js创建令牌,但您仍然必须创建一个Ajax调用您的后购买。试试这个

if(response.error) { 
}else 
{ 
    var token = response.id; 
    var last4 = response.card['last4']; 
    var stripeId = response.card['id']; 
    $.post('/stripe/account/proccess_payment', { 
    stripeToken : token, 
    last_four : last4, 
    stripe_id : stripeId 
    }).done(function(data){ 
     // your code here 
    }); 
}