Ajax não funciona!

[Diego Pancera Dos Santos 0]

Olá, tenho um código em java script (Ajax) que funciona apenas nos navegadores Internet Explorer e Firefox mas no Chrome e Opera não funciona. Alguém sabe como faço para fazer funcionar no Chrome?

 

Ele apresenta um erro no chrome:

 

Failed to load resource: Origin null is not allowed by Access-Control-Allow-Origin.

XMLHttpRequest cannot load file:///C:/Users/Desktop/home.html. Origin null is not allowed by Access-Control-Allow-Origin.

 

Segue Código abaixo:

$(document).ready(function(){
		var content = $('#content');
 
		//pre carregando o gif
		loading = new Image(); loading.src = 'loading.gif';
		$('#menu a').live('click', function( e ){
			e.preventDefault();
			content.html( '<img src="loading.gif" />' );
 
			var href = $( this ).attr('href');
			$.ajax({
				url: href,
				success: function( response ){
					//forçando o parser
					var data = $( '<div>'+response+'</div>' ).find('#content').html();
 
					//apenas atrasando a troca, para mostrarmos o loading
					window.setTimeout( function(){
						content.fadeOut('slow', function(){
							content.html( data ).fadeIn();
						});
					}, 500 );
				}
			});
 
		});
	});

Obrigado.

[William Bruno 1501]

não abra o arquivo com 2 cliques.

 

vc precisa rodar em um servidor web, mesmo q local.

 

Instale um apache por exemplo e rode apartir dele.

[Diego Pancera Dos Santos 0]

Ok, vou tentar.

Funcionou Perfeitamente, Muito Obrigado William =D