Laravel cantはjavascriptによって追加されたajaxフォームを提出します

Question

フォームを含む静的アイテムと同じ方法でhtmlを追加する無限スクロールを実装しましたが、追加された動的フォームはajaxなしで送信するようです送信ボタンを押すと失敗します。

私は、コンソールログで追加のフォーム上でこのエラーが発生します。

Resource interpreted as Document but transferred with MIME type application/json: 

アヤックス提出します。

$('.cart_add').on('submit',function (event) { 
$.ajax({ 
    type: 'POST', 
    url: url, 
    data: data, 
    beforeSend: function (request) { 
     return request.setRequestHeader('X-CSRF-Token', $("meta[name='csrf-token']").attr('content')); 
    }, 
    success: function (data) { 
     console.log("item has been added to cart"); 
     event.preventDefault(); 
    } 
}); 
}); 

編集私はjQueryの

Answer 1

があなたのコンテンツタイプを設定してみてください動的に追加フォームを選択していないことに気づきました。コンテンツタイプは、サーバーに送信されるデータのタイプです。この場合、ドキュメント（html）として解釈され、jsonとして送信されるデータをサーバーに送信しています。これは、明示的に記述していないため、ブラウザが送信しているデータの種類を推測しようとしているためです。

contentTypeを使用して設定します。

contentType: "text/html" 

だからあなたの呼び出しは次のようになります。

$.ajax({ 
    type: 'POST', 
    url: url, 
    data: data, 
    contentType: "text/html", 
    beforeSend: function (request) { 
     return request.setRequestHeader('X-CSRF-Token', $("meta[name='csrf-token']").attr('content')); 
    }, 
    success: function (data) { 
     console.log("item has been added to cart"); 
     event.preventDefault(); 
    } 
});