Javascript 在我的第一个AJAX请求中遇到问题_Javascript_Php_Jquery_Html_Ajax

Javascript 在我的第一个AJAX请求中遇到问题

javascript php jquery html ajax

Javascript 在我的第一个AJAX请求中遇到问题,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,大家好，我正在尝试通过按钮触发器使用AJAX发送请求，并在span区域获得了响应html文件，我不知道问题出在哪里我尝试了一些东西，但没有结果检查我的代码： //ajax.php <html> <head> <script type="text/javascript"> function ajax() { var xmlhttp; //check the xml object comp

大家好，我正在尝试通过按钮触发器使用AJAX发送请求，并在span区域获得了响应html文件，我不知道问题出在哪里我尝试了一些东西，但没有结果检查我的代码：

//ajax.php

<html>

<head>
    <script type="text/javascript">
        function ajax() {
            var xmlhttp;

            //check the xml object comptbl
            if (window.xmlHttpRequest) 
                xmlhttp = new XMLHttpRequest();
             else 
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

            xmlhttp.onreadystatechange = function()
            {
            //check the request and make the response 
            if (xmlhttp.readyState == 4 & xmlhttp.status == 200) 

                    document.getElementById("ajax").innerHTML = xmlhttp.responseText;

            }
            xmlhttp.open("GET", "info.html", true);
            xmlhttp.send();


        }

    </script>
</head>

<body>
<span id="ajax">

    <!--response area -->
</span>

<button type="button" onclick="ajax()">make the request</button>


</body>


</html>


函数ajax（）{
var-xmlhttp；
//检查xml对象comptbl
if（window.xmlHttpRequest）
xmlhttp=新的XMLHttpRequest（）；
其他的
xmlhttp=新的ActiveXObject（“Microsoft.xmlhttp”）；
xmlhttp.onreadystatechange=函数（）
{
//检查请求并做出响应
if（xmlhttp.readyState==4&xmlhttp.status==200）
document.getElementById（“ajax”）.innerHTML=xmlhttp.responseText；
}
open（“GET”，“info.html”，true）；
xmlhttp.send（）；
}
提出请求

//info.html

   <html>

    <head>
        <title>the response file</title>
    </head>
    <style>
        h1,h3 {
            color: green;
     font-family : 'ALGERIAN';

        }



    </style>

    <body>

        <h1>WELCOME IM THE RESPONSE FROM THE SERVEUR</h1>
        <h3>WITHOUT RELOAD THE WHOLE PAGE</h3>


    </body>

    </html>


响应文件
h1，h3{
颜色：绿色；
字体系列：“阿尔及利亚”；
}
欢迎我是服务员的回复
不重新加载整个页面

将//info.html更改为此

<style>
    h1,h3 {
        color: green;
 font-family : 'ALGERIAN';
    }
</style>


    <h1>WELCOME IM THE RESPONSE FROM THE SERVEUR</h1>
    <h3>WITHOUT RELOAD THE WHOLE PAGE</h3>


h1，h3{
颜色：绿色；
字体系列：“阿尔及利亚”；
}
欢迎我是服务员的回复
不重新加载整个页面

如果这不起作用，则发送简单的文本响应。。希望这能起作用

您的浏览器检查元素控制台中有错误吗？您是否启用了PHP错误？inspect element network选项卡是否显示ajax请求的任何php错误？您的

info.html

不应包含

，

或

标记……您是否检查了

xmlhttp.responseText

的内容，或者您是否曾经点击过状态200

实际上应该是

，但在这种情况下也可以按位工作。@不，我没有收到任何EROR，当我单击按钮时，页面上没有任何事情发生（我通常在我的php代码中得到错误，所以启用了错误lol）没有选项卡错误