Нет проблем с Access-Control-Allow-Origin в гибридном приложении

Я закончил разработку своего первого гибридного приложения. На локальном хосте все идет гладко. Но когда я попытался сделать это живым, я получил эту ошибку.

XMLHttpRequest не может загрузить https://www.example.com/app/login.php. нет
Заголовок «Access-Control-Allow-Origin» присутствует в запрошенном
ресурс. Происхождение ‘null’, следовательно, не разрешено. Ответ
имел код состояния HTTP 500.

Почему это происходит?

Вот мой пример, настроенный по моему запросу ajax:

$.ajax({
type: "POST",
url: "https://www.example.com/app/login.php",
crossDomain: true,
dataType: 'json',
data: $.trim(frm.serialize()),
timeout: 10000,
beforeSend: function() {
$('#loader').css({
display: "block"});
}

Тогда на моем PHP-сервере код:

<?php
header('Access-Control-Allow-Origin: *');
header('Content-Type: application/json');
header('HTTP/1.1 200 OK');
{
//more code here..

echo json_encode($result_array);
}

Итак, как вы можете видеть, я уже добавил заголовок Access-Control-Allow-Origin: * но похоже не работает. Что мне нужно знать, чтобы устранить эту ошибку? Или в чем должна быть проблема?

Обновление: в Firefox это ошибка журнала консоли:

Запрещен перекрестный запрос: одна и та же политика происхождения запрещает чтение
удаленный ресурс на https: //www.example/app/login.php. (Причина:
Отсутствует заголовок CORS «Access-Control-Allow-Origin»

Любая помощь? Я использую Intel XDK в создании моего приложения.