estaba haciendo un mini proyecto para poder extraer parte del texto de una web externa, me he estado informando sobre el tema y por lo visto esto se llama CORS, he intentado implementarlo pero no me acaba de funcionar. Lo estoy haciendo mediante ajax con jquery, y he leido en varios sitios que hay usar como datatype jsonp o xml, y en su defecto añadir una cabecera tal que asi
headers:{"Access-Control-Allow-Origin: *"},
Esto es lo que tengo. MI VISTA
<div class="container">
<h1 class="page-header" >{{$titulo}}</h1>
{!! Form::open(['url' => '/lyrics', 'method' => 'POST','class' =>'form-horizontal']) !!}
<div class="row">
<div class="col-md-12 form-group">
{!! Form::hidden('taginicial', $tags['taginicial'] ) !!}
{!! Form::hidden('tagfinal', $tags['tagfinal']) !!}
{!! Form::hidden('pagina', $tags['pagina'] ) !!}
{!! Form::label('', 'Interprete', ['class' => 'control-label']) !!}
{!! Form::text('interprete', 'Lorem ipsum.', ['disabled' => 'disabled','class' => 'form-control']) !!}
</div>
</div>
<div class="row">
<div class="col-md-12 form-group">
{!! Form::label('', 'Texto de la cancion', ['class' => 'control-label']) !!}
{!! Form::textarea('letra_cancion', 'Lorem ipsum dolor.', ['class' => 'form-control','id' => 'textareacancion']) !!}
</div>
</div>
<div class="row">
<div class="col-md-3 form-group" >
{!! Form::submit('Inserta en base de datos', ['class' => 'form-control btn btn-info','id' => 'obtenletra']) !!}
</div>
</div>
{!! Form::close() !!}
MI FUNCION AJAX
$(document).ready(function() {
var taginicial = $('input[name="taginicial"]').val();
var tagfinal = $('input[name="tagfinal"]').val();
var pagina = $('input[name="pagina"]').val();
console.log(taginicial);
console.log(tagfinal);
console.log(pagina);
$.ajax({
url: pagina,
crossDomain:true,
headers:{"Access-Control-Allow-Origin: *"},
type: 'POST',
dataType: 'xml',
data: {param1: 'value1'},
})
.done(function() {
console.log("success");
})
.fail(function() {
console.log("error");
})
.always(function() {
console.log("complete");
});
});
Si en esta funcion omito las cabeceras me sale este error
Solicitud desde otro origen bloqueada: la política de mismo origen impide leer el recurso remoto en https://laravel.com/docs/5.3/routing (razón: falta la cabecera CORS 'Access-Control-Allow-Origin').
Si no las omito y el tipo de datos lo pongo en xml, jsonp o incluso omito el tipo de datos el resultado es este
SyntaxError: missing : after property id
He probado sitios diferentes y he comprobado en sus cabeceras que el "Access-Control-Allow-Origin: *" esta asi, ¿Que me falla?