ajax

最新推荐文章于 2025-07-28 22:31:20 发布

zhubinqiang

最新推荐文章于 2025-07-28 22:31:20 发布

阅读量68

点赞数

文章标签： javascript ViewUI

本文介绍了如何利用Ajax技术实现实时数据交互，通过创建一个简单的登录页面，演示了如何获取用户输入并从服务器接收响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
<title>login.html</title>
</head>
<script type="text/javascript">

var xmlHttpRequest;
function validate(){
if(window.activeXObject){
xmlHttpRequest =new ActiveXObject("Microsoft.XMLHttpRequest");
}else if(window.XMLHttpRequest){
xmlHttpRequest =new XMLHttpRequest();
}

if(xmlHttpRequest!=null){
var v1=document.getElementById("text").value;
xmlHttpRequest.open("GET","/jsp3/AjaxServlet?v1="+v1,true);
xmlHttpRequest.onreadystatechange=ajaxCallback;
xmlHttpRequest.send(null);
}else{
alert("xmlHttpRequest==null");
}
}

function ajaxCallback(){
if(xmlHttpRequest.readyState ==4){
if(xmlHttpRequest.status ==200){
var text=xmlHttpRequest.responseText;
document.getElementById("show").innerHTML=text;
}
}
}

</script>
<body>
<input type="text" id="text" name="text">
<input type="button" value="button" onclick="validate()"><br>
<div id="show"></div>
</body>
</html>