Laravel 5中的Javascript问题_Javascript_Laravel

Laravel 5中的Javascript问题

javascript laravel

Laravel 5中的Javascript问题,javascript,laravel,Javascript,Laravel,我正在学习Laravel5大约一个月，现在我遇到了javascript的问题。我添加了一个表单，点击刀片文件删除帖子。但现在我不想使用表单，我用javascript替换它。当我触摸删除按钮时，我如何检测 @extends ('layouts.master') @section ('head.title') Blog @stop @section ('body.content') <div class="container"> <div clas

我正在学习Laravel5大约一个月，现在我遇到了javascript的问题。我添加了一个表单，点击刀片文件删除帖子。但现在我不想使用表单，我用javascript替换它。当我触摸删除按钮时，我如何检测

@extends ('layouts.master')

@section ('head.title')
Blog
@stop

@section ('body.content')
    <div class="container">
        <div class="row">
            <div class="col-sm-6 col-sm-offset-3">
            </div>
        </div>

        <form class="form-show">
            <div class="row">
                <div class="col-sm-6 col-sm-offset-3">
                    <h2> {{ $article->title}} </h2>
                    <p>  {{ $article->content}} </p>
                </div>

                <div class="row">
                    <div class="col-sm-6 col-sm-offset-3">
                        <a href=" {{ route('article.edit', $article->id) }}" class="btn btn-info">Cập nhật</a>
                        <button type="submit" class="btn btn-primary">Xoa</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <script src="jshow.js"></script>
@stop

@extends（'layouts.master'））
@章节（‘标题’）
博客
@停止
@节（“body.content”）
{{$article->title}
{{$article->content}
Xoa
@停止

将id添加到按钮，以便在Javascript中轻松找到它

<button id="delete-button" type="submit" class="btn btn-primary">Xoa</button>

在

delete（）

方法中处理删除操作

  <!DOCTYPE html>
 <html>
  <body>


 <button onclick="myFun()">Click me</button>

 <p id="demo"></p>

   <script>
 function myFun() {
 console.log('Clicked');
 }
 </script>


点击我

函数myFun（）{
console.log（'Clicked'）；
}

由于HTML表单无法发出

PUT

、

PATCH

或

DELETE

请求，因此需要添加一个隐藏的

\u方法

字段来欺骗这些

HTTP动词

另外，不要忘记添加

csrf令牌

，这也是验证

POST

请求所需的

首先在

中添加此元标记

现在，您可以使用

data-*

属性来保存AJAX文章的

路径
<button data-route="{{ route('article.destroy', $article->id) }}" class="btn btn-danger deleteArticle">Delete</button>

谢谢你的帮助。但它不起作用。在blade文件中，我添加了Delete和函数myfun（）{console.log（'Clicked'）；}，但我在控制台上进行了检查，它没有记录任何内容。我更新了我的解决方案，它对我起了作用，请尝试并告诉我发生了什么。谢谢帮助。成功了。我已经创建了新的js文件，并将此块源代码写入js文件。谢谢您的帮助。让我试试。非常抱歉，你能帮我回答新问题吗。我如何通过JS获取帖子的ID并在controller上删除它。当然，告诉我问题的链接并接受这个答案：）非常感谢。这是我创建的新问题的链接。
<meta name="csrf-token" content="{{ csrf_token() }}">

$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});

<button data-route="{{ route('article.destroy', $article->id) }}" class="btn btn-danger deleteArticle">Delete</button>

document.querySelector('.deleteArticle').addEventListener('click', function() {
    var route = this.dataset.route;

    if (confirm("Are you sure you wish to delete this article?")) {
        $.ajax({
            method: 'POST',
            url: route,
            data: {
                "_method": 'DELETE',
            },
            success: function() {
                // handle success here
            },
            error: function() {
                // handle error here
            },
        });
    }
});