无法设置属性'；innerHTML'；空值。AJAX（java）的问题_Java_Javascript_Ajax_Jsp

无法设置属性'；innerHTML'；空值。AJAX（java）的问题

java javascript ajax jsp

无法设置属性'；innerHTML'；空值。AJAX（java）的问题,java,javascript,ajax,jsp,Java,Javascript,Ajax,Jsp,所以我想学习AJAX，我想做一个和AJAX一样的应用程序我几乎复制了它，但它不起作用。我不知道为什么，我试图自己解决它，但找不到任何解决办法我的.js文件是： function ajaxAsyncRequest(reqURL) { var xmlhttp; xmlhttp = new XMLHttpRequest(); xmlhttp.open("GET", reqURL, true); xmlhttp.onreadystatechange = function() { if (xm

所以我想学习AJAX，我想做一个和AJAX一样的应用程序我几乎复制了它，但它不起作用。我不知道为什么，我试图自己解决它，但找不到任何解决办法

我的.js文件是：

function ajaxAsyncRequest(reqURL) {
var xmlhttp;
xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", reqURL, true);
xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4) {
        if (xmlhttp.status == 200) {
            // How to get message
            alert('It\'s K');
            document.getElementById("message").innerHTML = xmlhttp.responseText;
            alert(xmlhttp.responseText);
        } else {
            alert('Something is wrong !');
        }
    }
};
xmlhttp.send(null);
}

jsp是：

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"     "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="javascript.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
     <input type="button" value="Show Server Time" onclick='ajaxAsyncRequest("getTime")' />
</body>
</html>

但是当我点击按钮时，我得到了我在

document.getElementById（“message”）.innerHTML=xmlhttp.responseText行标题中指出的消息
在.js文件中。
我正在通过http://localhost:8080/HelloAjax/
，因此没有本地，加载时间晚于页面，因此我不知道它可以是什么。
document.getElementById（“message”）为空，因为DOM中没有id为“message”的元素。尝试更改您的HTML：
<body>
    <div id="message"></div>
     <input type="button" value="Show Server Time" onclick='ajaxAsyncRequest("getTime")' />
</body>



<body>
    <div id="message"></div>
     <input type="button" value="Show Server Time" onclick='ajaxAsyncRequest("getTime")' />
</body>