Ajax returns json. Doesn't append it.

Appending to a div will need to be done in javascript. Assuming you are using jquery, on the success handler of your .ajax call do something like

$('#yourdiv').append(data)

@gator you are right and that works perfectly when i run this code:

<script type="text/javascript">
$('select').change(function(){
var data = $(this).children('option:selected').data('id');

$.ajax({
    type    :"POST",
    url     :"urls/myurls",
    dataType:"html",
    data    :{ data1:data },

    success :function(response)
    $('#yourdiv').append(html);
    }),
});
</script>

But this only works if the div is already loaded with the scripts and all that. But if a user opens the browser and types www.mySite.com/urls/myurls, the layout doesn't get rendered, and the html doesn't get appneded. Instead, the user just see some json /:

@renec112 , if you want your controller action to respond to both AJAX and HTTP requests, you have to code it explicitly like so:

public function index(Request $request)
        {
            if($request->ajax()){
        $returnHTML = view('urls.myUrls')->with('url_database', $url_database)->render();
        return response()->json(array('success' => true, 'html'=>$returnHTML));
            }
            return view('my_partial_page_with_layout')->with('url_database', $url_database)
        }

Note how you return the whole page (including layout) for a direct HTTP request, and just the partial (excluding layout) for an AJAX request.

Organize your view file such that you include the ajax partial within it like so:

@extends('layout.master')

@section('content')
    @include('urls.myUrls')
@endsection

Hope this helps!

Thank you so much! Runs like a charm ! :)