Localhost - Ajax - call

1

I am loading data on a mouse-over-event. Do this via Ajax (jQuery) - like so:

	
	var city_id=element.id;
	console.log("CityID="+city_id);
	var pfad="http://localhost/juwel/weltreise_get_city_status.php";
	
	var parameter={
		city_id	: city_id
	};
	jQuery.ajax({
		url	: pfad,
			data: parameter
		})
		.done(function(response){
			var dummy=response.split("|");
			if (dummy[0]=="OK") {
				var citystatus=document.getElementById("citystatus").
				citystatus.style.display="block";
				citystatus.innerHTML=dummy[1];
			}else{
				alert(response);
			}
		})
		.fail(function(xhr, status, errorThrown) {
			alert("Ajax Fehler.\nStatus="+status+"\nFehler="+errorThrown,"error");
	});

Always get the error that the file was not found. Although it is definitely there. Wenn I call the "path" manually - everything works.

What am I missing here?

2

Probably a local file restriction or CORS. I use MAMP Pro for local development, and I can assign a hostname other than localhost. Maybe try using your local IP instead of localhost.

3

You are right - console says "CORS".

Screenshot at Feb 15 15-47-43
Screenshot at Feb 15 15-47-43863×82 9.88 KB

I am using MAMP Pro - but under "hosts" that "localhost" can't be changed ... anyway: I'll upload the files for testing - that works, although it is not very convenient.

Thanks for your help

4

Ah! Okay, in that case try:

header('Access-Control-Allow-Origin: *');

Make sure to remove that in production, though.

2 Likes
5

Geee - you are a real genius. Thanks - that works and saves a lot of time for developement.

1 Like