Crear con AJAX y laravel

[villagran_gg]

Saludos estoy intentando crear datos mediante ajax. tengo un formulario donde escribo un genero de cine, como comedia, terror etc y cuando lo doy click un evento hace que se ejecute el ajax.
el codigo del formulario es este
Código PHP:

Código PHP:

@extends('layouts.admin')
@section('content')
{!!Form::open()!!}
    <input type="hidden" name="_token" value="{{ csrf_token() }}" id="token">
        @include('genero.form.genero')
        {!!link_to('#', $title='Registrar', $attributes = ['id'=>'registro', 'class'=>'btn btn-primary'])!!}
    {!!Form::close()!!}
@endsection
 

el codigo del controlador es el siguiente
Código HTML:
[HIGHLIGHT="HTML"]

Código PHP:

public function store(Request $request)
    {
         if($request->ajax()){
            
             return response()->json([
                "mensaje" => $request->all()
            ]);
 
        }
    }
 

y el script del ajax es

Código PHP:

Código PHP:

$("#registro").click(function(){
    var dato = $("#genre").val();
    var route = "http://localhost:8000/genero";
    var token = $("#token").val();
 
    $.ajax({
        url: route,
        headers: {'X-CSRF-TOKEN': token},
        type: 'POST',
        dataType: 'json',
        data:{genre: dato},
 
        
    });
});
 

y cuando aprieto el boton una ves ejecutado todo esto me sale favicon.ico y no me ejecuta o me dice que hay alguna peticion, eso lo checo en el network, tengo todo bien enlazado, el jquery,

[Djoaq]

Te carga el favicon porque por defecto te hace una petición Get,se debe al comportamiento por defecto del elemento <a>, existe la posibilidad de descartar este comportamiento usando event prevent default y cambia el type post a minúsculas.( porque se me más bonito)

Código Javascript:

$("#registro").click(function(e){
e.preventDefault();
El resto de código...
 

Suerte!