如何用AJAX技术在主页面获取登录后的用户名,显示用户名如:欢迎你XXX(主要代码) 20
2个回答
展开全部
这个是一个简单的事例,你改改。
<html>
<head>
<title>Simple XMLHttpRequest</title>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
function startRequest(item) {
createXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", "simple?param=" + item, true);
xmlHttp.send(null);
}
function handleStateChange() {
if(xmlHttp.readyState == 4) {
if(xmlHttp.status == 200) {//这个地方局部刷新,你要显示的内容,欢迎你XXX
document.getElementById('show').innerHTML = "欢迎你" + xmlHttp.responseText;
}
}
}
</script>
</head>
<body>
<input type="text" name="hello" id="hello" value="hello world" />
<input type="button" value="Start Basic Asynchronous Request"
onclick="javascript:startRequest(document.getElementById('hello').value);" />
<div id="show"></div>
</body>
</html>
<html>
<head>
<title>Simple XMLHttpRequest</title>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
function startRequest(item) {
createXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", "simple?param=" + item, true);
xmlHttp.send(null);
}
function handleStateChange() {
if(xmlHttp.readyState == 4) {
if(xmlHttp.status == 200) {//这个地方局部刷新,你要显示的内容,欢迎你XXX
document.getElementById('show').innerHTML = "欢迎你" + xmlHttp.responseText;
}
}
}
</script>
</head>
<body>
<input type="text" name="hello" id="hello" value="hello world" />
<input type="button" value="Start Basic Asynchronous Request"
onclick="javascript:startRequest(document.getElementById('hello').value);" />
<div id="show"></div>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询