Ajax就绪状态未停留在1上_Ajax_Readystate_Onreadystatechange

Ajax就绪状态未停留在1上

ajax

Ajax就绪状态未停留在1上,ajax,readystate,onreadystatechange,Ajax,Readystate,Onreadystatechange,在搜索了互联网之后，我无法找到我的AJAX代码无法工作的原因的答案。我的任务是检索一个文本文件，并使用AJAX将其显示给浏览器，但就绪状态在1处停止。示例文件是canada.txt，位于目录http://157.201.194.254/~ercanbracks。.html和.js文件如下所示： <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>AJAX</tit

在搜索了互联网之后，我无法找到我的AJAX代码无法工作的原因的答案。我的任务是检索一个文本文件，并使用AJAX将其显示给浏览器，但就绪状态在1处停止。示例文件是canada.txt，位于目录

http://157.201.194.254/~ercanbracks

。.html和.js文件如下所示：

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>AJAX</title>
<link rel="stylesheet" type="text/css" href="assign09.css" />
<script type="text/javascript" src="assign09.js"></script>
</head>
<body>
    <h1>Ten Largest Cities</h1>
    <h3>Select a Country:</h3>
    <form action="">
        <select id="country">
            <option value="canada">Canada</option>
            <option value="mexico">Mexico</option>
            <option value="russia">Russia</option>
            <option value="usa">USA</option>
        </select>
        <input type="submit" value="Submit" 
            onclick="makeRequest(document.getElementById('country').value)" />
        <div id="error"> </div>
    </form>

    <h3>Cities:</h3>
    <div id="cities">
    <pre>
City               Population
------------------ ---------------
<span id="cityList"></span>
    </pre>
    </div>
</body>
</html>

HTML文件：

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>AJAX</title>
<link rel="stylesheet" type="text/css" href="assign09.css" />
<script type="text/javascript" src="assign09.js"></script>
</head>
<body>
    <h1>Ten Largest Cities</h1>
    <h3>Select a Country:</h3>
    <form action="">
        <select id="country">
            <option value="canada">Canada</option>
            <option value="mexico">Mexico</option>
            <option value="russia">Russia</option>
            <option value="usa">USA</option>
        </select>
        <input type="submit" value="Submit" 
            onclick="makeRequest(document.getElementById('country').value)" />
        <div id="error"> </div>
    </form>

    <h3>Cities:</h3>
    <div id="cities">
    <pre>
City               Population
------------------ ---------------
<span id="cityList"></span>
    </pre>
    </div>
</body>
</html>

可能重复？检查JS控制台。我感觉您的请求是跨源的，并且被浏览器阻止。我查看了它，并尝试使用onload来解决问题，但这甚至没有让我进入readyState 1。看起来，onload只是针对firefox的，我没有使用它。