Comment puis-je activer le cross-origin resource sharing sur XAMPP?

J'ai un fichier html sur mon localhost avec un formulaire et jquery/ajax qui gère les données post. Un simple script php recherche les données dans une table mysql base de données

C'est la partie principale:

//$.post('lookup_update.php', $(this).serialize()) //<- local part which works
   $.post('http://www.example.com/projectX/lookup_update.php', $(this).serialize()).done(function (data)
                            { etc.

Mais quand je point à la ligne lookup_update.php je reçois le message d'erreur suivant dans le navigateur chrome

XMLHttpRequest ne peut pas charger http://www.example.com/projectX/lookup_update.php. Pas de "Access-Control-Allow-Origin' en-tête est présent sur la ressource demandée. Origine " http://localhost ' est donc pas autorisé à accéder. La réponse avait le code d'état HTTP 404.

Comme je le comprends, j'ai besoin d'utiliser

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

pour php. Mais quand je l'ajouter à example.com/lookup_update.php le fichier donne une erreur 404 lorsque le fichier localhost essaie de l'appeler.

J'ai aussi essayé d'ajouter ce qui suit à mon Xampp fichier de configuration d'apache

Header set Access-Control-Allow-Origin "*"

Comment puis-je activer correctement cross-origin resource mon installation de XAMPP??

[MODIFIER]
C'est mon simple formulaire sur mon localhost

<!--Begin form-->
    <div id="form" class="result">
        <form method="post" id="reg-form"  class="form-horizontal">
            <div class="controls">
                <input type="text" name="code" id="code" placeholder="Code"  class="form-control input-lg" />      
            </div>
        </form>
    </div>
    <!--End form-->

Avec le formulaire suivant jquery code

    <script type="text/javascript">
            $(document).ready(function ()
            {
                $(document).on('submit', '#reg-form', function ()
                {
                    var tmpCode = $("#code").val();

//                   $.post('lookup_update.php', $(this).serialize())
                      $.post('http://www.example.com/projectX/lookup_update.php', $(this).serialize())
                            .done(function (data)
                            {

                                $("#reg-form").fadeOut('slow', function ()
                                {
                                    $(".result").fadeIn('slow', function ()
                                    {
                                        console.log("inner test " + tmpCode);
                                        $(".result").html(data);


                                        setTimeout(function () {
                                            location.reload();
                                            $('input').val("");
                                        }, 3000);


                                    });
                                });
                            })
                            .fail(function ()
                            {
                                alert('fail to submit the data');
                            });
                    return false;
                });


            });

        </script>

[EDIT 2]

OK, je ne pense pas que cela ait à voir avec le en ligne lookup_update.php fichier, comme je suis à l'aide de ce test dans un autre fichier

            var testXHR = $.post("http://www.example.com/projectX/lookup_update.php", function (data) {
            alert("success:" + data);
        })

Et dans la fenêtre pop-up, je vois les données attendues

OriginalL'auteur alex | 2016-01-19