ajax

最新推荐文章于 2022-06-19 13:50:53 发布

zhubinqiang

最新推荐文章于 2022-06-19 13:50:53 发布

阅读量292

点赞数

分类专栏： web 文章标签： xmlhttprequest button function null input ajax

本文链接：https://blog.csdn.net/zhubinqiang/article/details/7053115

版权

web 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!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" οnclick="validate()"><br>
<div id="show"></div>
</body>
</html>