如何在实际视图中返回视图（在同一页面中）？

Question

I'm learning Laravel and I have a view with a contact list and inside of this table I have a button to display more details about the clicked item. I want to return a view inside the actual view, I don't want to go to another page.

Someone can explain me how can I do that and show me examples of that if it is possible?

I already try do that using ajax but I don't now how can I return a view without go to other page.

$("#detailsItemSize").click(function() 
{
    var itemId = $(this).attr('data-id');
    alert("details");
    alert(url);
    $.ajax
    ({
        method: 'GET',
        url: url + "/" + itemId,
        data: {'itemId': itemId, _token: token }    
    });
    .done(function (msg) 
    {
        console.log(msg['message']); 
    });
});

Best regards

Answer 1

The basic premise is to have a route that renders your partial view:

Route::get('item/{item}', function($itemId){
    $someitem = Item::findOrFail($itemId);
    return view('partial', compact('someitem'));
});

//partial.blade.php

<h1>Items id is {{$someitem->id}}</h1>

//main view

<div id="details></div>

//js

$.get('/item/27', function(response){
    $('#details').html(response);
});

the #details div in the page will contain <h1>the items id is 27</h1> when the ajax call returns