CrossDomain POST met jQuery & Laravel 4.2

Door Donny Wie weet op 08-10-2015 23:15 gewijzigd op 08-10-2015 23:18

1.645 views

Hi all,

Ik wil een post maken van 1 website naar een andere. Ik krijg de error:
XMLHttpRequest cannot load http://development.dev/test_post. Request header field X-Requested-With is not allowed by Access-Control-Allow-Headers.

Ik heb voor jQuery de volgende code:


<script>
	$(document).ready(function(){
		$('input[type="submit"]').click(function(e){
			e.preventDefault();
			$form = $(this).closest('form');
			var data = $form.serialize();

			$.ajax({
			    type: 'POST',
			    url: 'http://development.dev/test_post',
			    crossDomain: true,
			    data: '{"some":"json"}',
			    dataType: 'json',
			    success: function(responseData, textStatus, jqXHR) {
			        var value = responseData.someKey;
			    },
			    error: function (responseData, textStatus, errorThrown) {
			        alert('POST failed.');
			    }
			});
		});
	});
</script>

Voor mn .htaccess wil ik alles toestaan om zeker ervan te zijn dat er iets aan data binnen komt. Mijn htaccess:


<IfModule mod_headers.c>
     Header set Access-Control-Allow-Origin "*"
     Header set Access-Control-Allow-Methods "GET, PUT, POST, DELETE, OPTIONS"
     Header set Access-Control-Allow-Headers "Content-Type, Content-Range, Content-Disposition, Content-Description"
</IfModule>

Als laatste mn PHP afhandling:


Route::post('test_post', function(){

    return 'Hello';
});

Voor degene die onbekend zijn met laravel: dit is hetzelfde als dat je een post doet naar www.domein.nl/upload.php en bij symfony in de YAML file (als het goed is) zet.

Ben van Velzen

08-10-2015 23:19

X-Requested-With staat niet in je Access-Control-Allow-Headers.

Donny Wie weet

08-10-2015 23:36

Dankje ben, dat was inderdaad het issue :) Ik krijg nu alleen nog een parsing issue: Unexpected token s

Heeft iemand een idee waaraan dat kan liggen?



<script>
	$(document).ready(function(){
		$('input[type="submit"]').click(function(e){
			e.preventDefault();
			$form = $(this).closest('form');
			$data = $form.serialize();

			$.ajax({
			    type: 'POST',
			    url: 'http://mm.dev/test_post',
			    crossDomain: true,
			    data: "{}",
			    dataType: 'json',
			    success: function(responseData, textStatus, jqXHR) {
			        console.log('Gelukt!')
			    },
			    error: function (responseData, textStatus, errorThrown) {
			        console.log('Fail');
			        console.log(responseData)
			        console.log(textStatus)
			        console.log(errorThrown)
			    }
			});
		});
	});
</script>

Reageren

Inloggen om te reageren