JavaScript-Ajax获取日期&；时间_Javascript_Jquery

JavaScript-Ajax获取日期&；时间

javascript jquery

JavaScript-Ajax获取日期&；时间,javascript,jquery,Javascript,Jquery,当我点击按钮获取datetime时，什么也没发生。在这之后我不知道该怎么做了。请帮我查一下密码有两个文件： Index.html date.jsp 如下 Index.html <html> <head> <title>JavaScript-Ajax Application</title> <script language = "javascript"> var XMLHttpRequestObject = f

当我点击按钮获取datetime时，什么也没发生。在这之后我不知道该怎么做了。请帮我查一下密码

有两个文件：

Index.html

date.jsp

如下

Index.html

<html>
<head>
    <title>JavaScript-Ajax Application</title>

    <script language = "javascript">
    var XMLHttpRequestObject = false;

    if (window.XMLHttpReguest) {
        XMLHttpRequestObject = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
    }

function getDateTime(datetimefile, divID) {
alert(divID)
    if(XMLHttpRequestObject) {
        var obj = document.getElementById(divID);
        XMLHttpRequestObject.open("POST", datetimefile);

        XMLHttpRequestObject.onreadystatechange = function()

        {
        if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) {
            obj.innerHTML = XMLHttpRequestObject.responseText;
            }
        }

        XMLHttpRequestObject.send(null);

    }
}
</script>
</head>
<body>
    <H1>JavaScript-Ajax Application</H1>
    <form>
    <input type = "button" value = "Get Current Date and Time" onclick="getDateTime('date.jsp', 'targetDiv')">
    </form>
    <div id="targetDiv">
    </div>
</body>
</html>


JavaScript-Ajax应用程序
var XMLHttpRequestObject=false；
if（window.XMLHttpReguest）{
XMLHttpRequestObject=新的XMLHttpRequest（）；
}else if（window.ActiveXObject）{
XMLHttpRequestObject=新的ActiveXObject（“Microsoft.XMLHTTP”）；
}
函数getDateTime（日期时间文件，divID）{
警报（divID）
if（XMLHttpRequestObject）{
var obj=document.getElementById（divID）；
XMLHttpRequestObject.open（“POST”，datetime文件）；
XMLHttpRequestObject.onreadystatechange=函数（）
{
if（XMLHttpRequestObject.readyState==4&&XMLHttpRequestObject.status==200）{
obj.innerHTML=XMLHttpRequestObject.responseText；
}
}
XMLHttpRequestObject.send（null）；
}
}
JavaScript-Ajax应用程序

date.jsp

<%@Page contentType="text/html" import="java.util.*" %>
<html>
<body>
<p>&nbsp;</p>
<div align="left">
<table border="0" cellpadding="0" cellspacing="0" width="460" bgcolor="ADADDE">
<tr>
<td width="100%"><font color="#000000">AJAX Date</font></td>
</tr>
<td width="100%"><b>&nbsp;Current Date and time is:&nbsp; <font color="#FF0000">
<%= new java.util.Date()%>
</font></b></td>
</tr>
</table>

</div>
</body>
</html>



阿贾克斯日期
当前日期和时间为：

是否显示

警报（divID）

？您是否在浏览器控制台或web服务器上发现任何错误？（另一方面，如果date.jsp仅用于附加到另一页上div的Ajax响应，那么您可能不希望它包含

和

标记。）

什么也不发生

不是一个很好的描述性术语……使用浏览器控制台检查是否发出请求，以及是否有任何错误。控制台中没有发现任何错误。您没有发送任何内容吗？“XMLHttpRequestObject.send（null）；”只有在请求是异步的情况下才会调用

onreadystatechange

。因此，将您的

open

方法调用更改为

XMLHttpRequestObject.open（“POST”，datetimefile，true）。最后一个参数表明调用是异步的。