试图启用基本的AJAX

时间:2014-11-08 22:30:29

标签: jquery ajax cross-domain

我正在尝试在我的HTML5文件中显示位于远程服务器上的php文件。

PHP文件的源代码是

<?php

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

    ini_set('display_errors','On'); error_reporting(E_ALL);  

    echo " <br><br><br> Testing AJAX ";

?>

jQuery和HTML5是

<head>
    <meta charset="utf-8">
    <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
</head>

<body>

before DIV

<div id=ajaxinsert> </div>

After DIV

<script>

$document = $(document);

$document.ready(                    
                    function( ) 
                    {

$ajaxinsert = $("#ajaxinsert");         

$ajaxinsert.load("http://englishdigital.net/AJAXTest.php");     

                    }

                );
</script>
</body></html>

我正在Google Chrome 38桌面上对此进行测试。是使用第三方插件启用它的唯一方法吗?没有任何插件是不可能的?非常感谢您的帮助

浏览器控制台上显示的错误消息

XMLHttpRequest无法加载http://englishdigital.net/AJAXTest.php。 No&#39; Access-Control-Allow-Origin&#39;标头出现在请求的资源上。起源&#39; null&#39;因此不允许访问。

PHP页面上显示的错误消息

警告:无法修改标题信息 - 第3行/home/engli237/public_html/AJAXTest.php中已经发送的标题(/home/engli237/public_html/AJAXTest.php:1上的输出)

那么这个问题的解决方案是什么?谢谢!

1 个答案:

答案 0 :(得分:0)

尝试修复它

   <div id=ajaxinsert> </div>   to   <div id="ajaxinsert"> </div>