JavaScript中为什么出现undefined
下面是一个关于ajax基本的应用,但是每次alert(userName);的结果都是
undefined,我在文本框中输入了结果,并且也定义userName这个变量,为什么还是出现这个结果呢?
<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>用户名校验ajax实例</title>
<script type="text/javascript">
var xmlHttp;
function verify(){
alert("1111");
//0.使用dom的方式获取文本框中的值
var userName="hello";
userName = document.getElementById("userNameId").Value;
alert(userName);
//1.创建XMLHttpRequest对象
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}catch (e){
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("您的浏览器不支持AJAX!");
return false;
}
}
}
//2.注册回调函数
xmlHttp.onreadystatechange = callback;
//3.设置连接信息
xmlHttp.open("GET","SecondServer?userName=" + userName,true);
//4.发送数据,开始和服务器端进行交互
xmlHttp.send(null);
}
function callback(){
//5.接收响应数据
alert(xmlHttp.readyState);
if (xmlHttp.readyState == 4) {
//判断http的交互是否成功
alert(xmlHttp.status);
if (xmlHttp.status == 200) {
var responseText = xmlHttp.responseText;
var divNode = document.getElementById("result");
divNode.innerHTML = responseText;
} else {
alert("出错了!!!");
}
}
}
</script>
</head>
<body>
用户名校验的ajax实例,请输入用户名: <br/>
<input name="userName" type="text" id="userNameId"/>
<input type="button" value="校验" onclick="verify()"/>
<div id="result"></div>
</body>
</html>