Laravel 5.1 Ajax从Blade View获取HTML

发布时间：2020-12-16 02:46:17 所属栏目：百科来源：网络整理

导读：我在ItemsController中有一个myitems($filter)方法,用于加载myitems.blade视图. 视图将项目列表作为标签和文本框以获取项目数量($项目从myitems方法传递到myitems视图,并且还有一个模型表单绑定项目模型) 我有一个选择框,有选项1.全部,2.过期和3.新当我更改

我在ItemsController中有一个myitems($filter)方法,用于加载myitems.blade视图.

视图将项目列表作为标签和文本框以获取项目数量($项目从myitems方法传递到myitems视图,并且还有一个模型表单绑定项目模型)

我有一个选择框,有选项1.全部,2.过期和3.新

当我更改选择时,我想从控制器获取新的$items并使用新项列表重新创建表单.

我正在使用jquery来警告选择已更改.但我无法弄清楚如何从ajax调用myitems($filter)并重定向以创建items.blade页面.

解决方法

路线

//Note the ? in parameter,it says parameter is optional
Route::get('/myitems/{filter?}',['as' => 'myitems.list','uses' => 'ItemController@myitems']
);

调节器

...
public function myitems(Request $request,$filter = null)
{
    if (empty($filter)) $filter=1;

    $items = Item::where('item_type',$filter)->get();

    // if ajax call just return the partial that displays the list
    if ($request->ajax()) {
        return view('_itemlist',compact('items'));
    }

    // passed as options to input select
    $filters= [
           'All' => '0','New' => '1','Expired' => '2'
    ];
    return view('itempagewith_defaultitemlist',compact('items','filters'));
}
...

视图

查看itempagewith_defaultitemlist.blade.php

<div class="container">
{!! Form::model($myitems,['route' => 'myitems.list','class'=>'form-horizontal','files' => true]) !!}

<div id="filterselectbox">
    <div class="form-group">
            {!!Form::label('filterselectbox','*Filter:',['class'=>'control-label']) !!}            
            {!!Form::select('filterselectbox',$filters,null,['class'=>'form-control ']) !!}
     </div>
</div>
{!! Form::close() !!}

<div id="item-container">
    @include('_itemlist')
</div>

<script>
$('#filterselectbox').change(function() {
    var id = $('#filterselectbox').val();
    var ajaxurl = '{{route('myitems',':id')}}';
    ajaxurl = ajaxurl.replace(':id',id);
    $.ajax({
        url: ajaxurl,type: "GET",success: function(data){
            $data = $(data); // the HTML content that controller has produced
            $('#item-container').hide().html($data).fadeIn();
        }
    });
});
</script>                   

</div>

局部视图_itemlist.blade.php

<ul>
     @foreach ($items as $item)
    <li>{{ $item->name }}</li>
     @endforeach
 </ul>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!