Php 从Laravel向引导模式传递数据
不知是否有人能帮我做这件事。我是JS和JQuery的新手 我想避免在删除我博客中的帖子时发生意外,所以我想让它这样当我点击删除时,它会弹出一个模式来确认我确实想删除帖子,然后再做或不做 我添加了以下代码Php 从Laravel向引导模式传递数据,php,twitter-bootstrap,laravel,Php,Twitter Bootstrap,Laravel,不知是否有人能帮我做这件事。我是JS和JQuery的新手 我想避免在删除我博客中的帖子时发生意外,所以我想让它这样当我点击删除时,它会弹出一个模式来确认我确实想删除帖子,然后再做或不做 我添加了以下代码 <!-- Button trigger modal to delete post --> <button type="button" class="btn btn-default btn-xs" data-toggle="modal" data-target="#delete
<!-- Button trigger modal to delete post -->
<button type="button" class="btn btn-default btn-xs" data-toggle="modal" data-target="#deletePost">
Delete
</button>
<!-- Modal -->
<div class="modal fade" id="deletePost" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Delete Blog Post</h4>
</div>
<div class="modal-body">
<p>You are about to delete a blog post, are you sure all that effort is to be sent to the unrecoverable trash can?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">OMG, NO!!!</button>
<form action="/blog/{{ $post->id }}" method="POST">
{{ csrf_field() }}
{{ method_field('DELETE') }}
<button type="submit" class="pull-right btn btn-danger">Delete it!</button>
</form>
</div>
</div>
</div>
</div>
发送到modal,以便将post id发送到控制器
我的问题是如何将上面的id传递给modal?我读过很多例子,它们都很不一样,所以我认为最好能得到一些看法
谢谢 我非常推荐使用plugin,它在视觉上与Twitter引导兼容,而且使用起来更加愉快。 这是一段代码,用于多语言,独立模型删除功能:
$('body').on('click', 'sweet-delete', function (e) {
e.preventDefault();
var id = $(this).data('id');
var model = $(this).data('model');
swal({
title: lang.confirm_please,
text: lang.delete_warning,
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: lang.delete_button,
closeOnConfirm: false,
showLoaderOnConfirm: true,
}, function(){
$.post('/'+model+'/'+id, {_method: 'DELETE'}, function(data){
swal({
title: lang.delete_title,
text: lang.delete_success,
type: "success",
timer: 5000
}, function(){
window.location.href = '/'+model;
});
});
});
})
在你看来:
<button data-id="{{$post->id}}" data-model="blog" class="pull-right btn btn-danger sweet-delete">@lang('app.delete')</button>
在我的app.js中,以及
<meta name="csrf-token" content="{{csrf_token()}}">
在我的主布局文件中。要将
post ID
传递给模态表单,应该使用jQuery将其插入模态表单中
按钮:
<button type="button" class="btn btn-default btn-xs delete-post" data-post-id="{{ $post->id }}">Delete</button>
在这种情况下,
action
属性是根据相关的post id动态设置的。您使用的是RESTful控制器吗?请将其包含在问题中。是的,我使用的是RESTful控制器。行。你没看到问题中的{{method\u field('DELETE')}}
吗?你在说什么DELETE/photos/{photo}destroy photos.destroy
(源代码:)同样,如果在页面中预先加载了所需的值,那么为什么需要用js将内容加载到模式中呢。我很确定,这是一个观点的一部分,专门针对当前的帖子,而不是一个帖子列表。这不是重点,请阅读问题主题。我所建议的只是“将数据传递给引导模式”的一种简单方法。那么,这有什么意义呢?Poster问他如何将数据传递到模式,他正在通过将数据与页面一起加载到模式来实现这一点。您正在用相同的值onclick重新加载action属性,并告诉我这是他想要的?我会理解这个用法,如果你想去掉模态中的形式,或者模态本身,就像我的回答一样。
<meta name="csrf-token" content="{{csrf_token()}}">
<button type="button" class="btn btn-default btn-xs delete-post" data-post-id="{{ $post->id }}">Delete</button>
$(document).ready(function() {
var modalObj = $('#deletePost');
$('.delete-post').click(function(e) {
var postId = $(this).data('post-id');
modalObj.find('form').attr('action', '/blog/' + postId);
modalObj.modal('show');
});
});