В запрошенном ресурсе в XAMPP отсутствует заголовок «Access-Control-Allow-Origin».

В моем php-коде я использую следующий запрос Ajax. Запрос Ajax показывает следующую ошибку в консоли браузера Chrome

XMLHttpRequest не может загрузить http://example.com/posts. В запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin». Таким образом, доступ к источнику 'http://localhost' запрещен. (показатель):

Мой код:

<script>
    $(document).ready(function() {
        var title = 'Tes ajax';
        var raw = 'very good';

        //Validate fields if required using jQuery

        var postForm = { //Fetch form data
            'api_key'     : 'bf_apikey',
            'api_username': 'username',
            'title'       : title,
            'raw'         : raw,
            'category'    :'categoryname'//Store name fields value
        };

        $.ajax({ //Process the form using $.ajax()
            type      : 'POST', //Method type
            url       : 'http://example.com/posts', //Your form processing file URL
            data      : postForm,           //Forms name
            dataType  : 'application/json',
            success:  updatesuccess,
            error: updatefailure
            // return response; // <- tried that one as well
        });
        function updatesuccess(result)
        {
            alert(result+"Successs")
        }

        function updatefailure()
        {
            alert("failure")
        }          

    });
</script>

пожалуйста, предложите лучший вариант для решения этой ошибки.