AJAX - Same Origin Policy

[deepPHP]

I'm using AJAX to retrieve a simple text from the server.

whenever I send my request  to the server using GET HTTP request I got http status of 0.

 

I've read about it, and all says it's same origin policy browser protection that block my request,

but my specifed web server page locates on the same folder as the ajax does.

 

 

 

sendRequest javascript function:

		function sendRequest()     
		{
			var str = ""; 
			str = document.getElementById("keyword").value; 
			req.open('GET', 'ajax.php?keyword='+str, true); 
			req.onreadystatechange = handleResponse;  
			req.send(null);
		}	

ajax.php:

<?php
	if(isset($_GET["keyword"]))	{
		$data = $_GET["keyword"];
		print $data;

	}
	die;
?>

[Adam]

Is that definitely the right code? You should never get same origin policy errors with relative URIs.

[deepPHP]

Yes, that's it.

Moreover I've wrriten jquery ajax code to do the same exact thing above but it failed as well.

			$.ajax({
				type:	"GET",
				url:	"ajax.php",
				data:	"keyword=" + keyword,
				success:	function(msg)	{
					$('#results').append(msg);
					
				}
			});

		}
		$(function(){
			$('#search').click(function () {
				var keyword = $('#keywords').val();
				sendRequest(keyword);
			
			});
		});

[Adam]

You're not requesting a file directly from your computer using the file:// protocol, are you? What's the exact URL you request originally compared to the URL requested via AJAX? Use the network tab in developer tools to get it.