我想在javascript中添加csrf_field（）laravel

(function() { 
     new _vue2.default({ 
      el: 'body', 

      data: { 
       tableData: { 
        options: { 
         sortable: true, 
         editable: true, 
         pageCount: 10 
        }, 

        columns: [{ 
         value: 'id', 
         text: 'No', 
         sortable: true, 
         editable: false 
        }, { 
         value: 'name', 
         text: 'Name', 
         sortable: false, 
         editable: false, 
         isHTML: true 
        }, { 
         value: 'items', 
         text: '#of Items', 
         sortable: true, 
         editable: false 
        }, { 
         value: 'total', 
         text: 'Total', 
         sortable: true, 
         editable: false 
        }, { 
         value: 'click', 
         text: '', 
         sortable: false, 
         editable: false, 
         isHTML: true 
        },], 

        rows: [], 

        onPageChanged: function onPageChanged(page) { 
         console.log('Current page is ' + page); 
        } 
       } 
      }, 

      ready: function ready() { 
       console.log(invoice.length); 
       var invoices = invoice; 
       var length = invoice.length; 

       for (var i = 0; i < length; i++) { 
        var obj = { 
         id: { 
          value: i + 1 
         }, 

         name: { 
          value: '<a href="update/'+ invoices[i].id + '">' + invoices[i].invoice + '</a>' 

         }, 

         items: { 
          value: invoices[i].items , 

         }, 

         total: { 
          value: invoices[i].alltotal , 

         }, 



         click: { 
          value: '<a href="pdf/'+ invoices[i].id + '">PDF</a>&nbsp;&nbsp; <form method="POST" action="remove/'+ invoices[i].id + '"><input type="hidden" name="_method" value="DELETE"><button type="submit">Remove</button></form>' 
         }, 
        }; 

        this.tableData.rows.push(obj); 
       } 
      }, 


      components: { 
       DataTable: _DataTable2.default 
      } 
     }); 
    })();

我想在click中创建删除表单{}，因为我想在laravel 5.4中使用路由删除功能。我的HTML表是建立与vue.js.So我需要写在vue.js. HTML代码我得到这个错误（TokenMismatchException在VerifyCsrfToken.php第68行:)。如果有人知道请回答我。我想在javascript中添加csrf_field（）laravel

来源

2017-06-01 Phyu Phyu

您需要使用laravel令牌发布。 – Jiro90

是的，我知道。但是我不知道如何以删除的形式调用csrf_field（）（点击：{}）。 –

在<head>标签补充一点：

<meta name="csrf-token" content="{{ csrf_token() }}" />

来源

2017-06-01 04:55:32 Rahul

它不起作用。我得到同样的错误。 –

这是我index.blade.php –

'<！DOCTYPE HTML>

' –

首先，在你的页面中添加{{ csrf_token() }}。

然后在你删除表单中添加以下行。

<input type="hidden" name="_token" value="' + document.getElementsByName('_token')[0].value + '">

来源

2017-06-01 05:11:40 Jiro90

是工作！非常感谢。 –

或者你可以使用'{!! csrf_field（）!!}'它为你生成字段。 – Sandeesh

@PhyuPhyu请标记为答案。 TY。 – Jiro90

我想在javascript中添加csrf_field（）laravel

回答

相关问题