Question

button使用onclick（）提交Ajax里的数据，但点击button没有反应，求解答！不用form提交

function init() {
if(window.XMLHttpRequest) {
req = new XMLHttpRequest();
}else if(window.ActiveXObject){
req = new ActiveXObject("Microsoft.XMLHTTP");
}
}
function validate(){
var userName=document.getElementById("user").value;
var pwd=document.getElementById("Pwd").value;
init();
req.open("GET","Check.html?user="+userName+"&Pwd="+pwd+Math.random(),true);
//Check.html是以servlet的url
req.send(null);
reqeust.onreadystatechange=disResult;
}
function disResult(){
if (req.readyState==4 && req.status==200){
document.getElementById("yemei").style.display="none";
document.getElementById("yemei1").style.display="block";
alert(req.responseText);
}
}
以上是js的代码
<form action="#" id="form1" style="padding:0px;margin:0px;">
<span style="height:30px;" id="input">

<label>用户名:</label><input type="text" name="username" class="check" id="user" onmouseover="this.style.borderColor='yellow'" onmouseout="this.style.borderColor=''"/>
<label>密码:</label><input type="password" name="pwd" class="check" id="Pwd" onmouseover="this.style.borderColor='yellow'" onmouseout="this.style.borderColor=''"/>
<input type="button" class="buttom-check" onclick="validate()" name="check" />
</span>

</form>
//以上是输入用户名与密码的form

<input type="button" class="buttom-check" onclick="validate()" name="check" />
//这是用来向服务器提交数据的按钮
我主要是想通过Ajax实现显示和隐藏div以便让用户获得更好的用户体验
还有就是问一下大神们，如何在servlet提交给Ajax已被验证过后的用户名，我想再处理一下返回来的值来生成其他的js语句

Answer 1

jQuery ajax好用点
我一般都是这样用的

var date="act=saveUserInfo&"+$('#userinfo').serialize();
$.ajax({
type:"post",
dataType:"json",
url:'controller.php',
data:date,
success:function(data)
{
alert(data.info);
if(data.status == 1)
location.href='user_info.php';
}
});

Answer 2

request.onreadystatechange=disResult;(这里你的对象名写错了)
建议你考虑用jquery。方便功能强大

Answer 3

前辈好了嘛，我也遇到这个问题