Tenho um sistema conforme abaixo: HTML no lado do cliente, JavaScript e PHP no lado do servidor. A idéia é ter um espécie de WebService, onde uma página HTML (tem que ser HTML pois vai rodar em um app feito em HTML5 com o Intel XDK) solicita informação para o servidor, onde é o PHP que faz o retorno.
 
O problema: Quando executo desta forma, o resultado é o código do PHP, conforme abaixo, ou seja, o servidor não processou nada, retorna tudo que está escrito no arquivo PHP.

     
    <?php 
     echo $data = date("d/m/Y H:i:s ");
    ?>
 
Se carrego o `index.html` no mesmo servidor onde estão os outros arquivos, ai o retorno é a data, que seria o esperado, ou seja, só roda se estiver tudo no mesmo servidor, mas o que preciso é um arquivo HTML remoto, rodando em qualquer computador que acessa o serviço PHP/JS no servidor.

O que está errado nesta configuração? Tem um forma mais prática de fazer isto?
 
No computador local: C:/ tenho o arquivo HTML com o código:
 
    <html>
    <head>
    <script src="http://code.jquery.c...n.js"></script>
    <script src="http://www.example.c...S.js"></script>
    </head>
    <body>
    <a href="javascript:test();">Clique aqui...</a>   
    </body>
    </html>
 
Do lado do servidor `http://www.example.com` eu tenho um JavaScript e um PHP:

Arquivo JavaScript:

    function test() {
        var jqxhr = $.ajax( "servidor.php" )
     
        .done(function(response) {
        alert( "success" );
        alert(response);
        })
        .fail(function(response) {
        alert( "error" );
        alert(response);
        })
        .always(function(response) {
        alert( "complete" );
        alert(response);
        });
    }

 
Arquivo PHP:


    <?php  
         echo $data = date("d/m/Y H:i:s ");
     ?>