Question

如何使用jquery的ajax功能向action发送数据，加载返回的jsp页面

我尝试使用post方法，可以将数据传送过去，但是不能加载返回界面。使用load根本就传送不过去。
如果使用ajax,怎么样才能加载返回的jsp页面？这个jsp也是个动态页面。

Answer 1

$('.dlbtn').click(function(){
    $userid=document.getElementById('txtUsername').value;
    $pwd=document.getElementById('txtPassword').value;
    userlogin($userid,$pwd);
});

//用户登录
function userlogin(userid,pwd){
    url="login_sql.jsp?userid="+userid+"&pwd="+pwd;
    //alert(url);
		
    xmlHttp=GetXmlHttpObject()
    if (xmlHttp==null){
	alert ("Browser does not support HTTP Request")
	return
}
	
xmlHttp.onreadystatechange=stateLogin 
xmlHttp.open("GET",url,true)
xmlHttp.send(null)

}
function stateLogin(){
    if(xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){
        //document.getElementById("Validform_msg").style.display='block';
        if(xmlHttp.responseText==0){
            alert("用户名不存在！");
            return;
        }else if(xmlHttp.responseText==-1){
            alert("密码错误！");
            return;
        }else if(xmlHttp.responseText==-2){
            alert("管理员帐号不允许从前台登录！");
            return;
        }else{
            alert('登录成功!');
            history.go(0);
        }
    }	
}
function GetXmlHttpObject(){
	var xmlHttp=null;
	try{
 		// Firefox, Opera 8.0+, Safari
 		xmlHttp=new XMLHttpRequest();
 	}
	catch (e){
 		// Internet Explorer
		try{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}catch (e){
		  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
 	}
	return xmlHttp;
}

jsp 页面

GET获取传递的 userid pwd 

执行操作后 返回 一个值

stateLogin() 接收后 判断这个值 做出提示

追问

谢谢你的回答。
我是用的是tomcat服务器，struts2框架，

我要实现的是一个类似注册的流程，在界面输入用户信息。在服务器端有一个register.action，在里面自动添加其他的信息诸如ID，日期等，然后保存到数据库中。返回一个登陆后的jsp页面，

在你的代码中，我看懂了大概怎么把数据发过去，但是我的目标URL是register.action，应该是怎么将返回页面加载到现有页面的呢？

Answer 2

返回的jsp页面？ 地址吧？要是页面地址就location = "xxx.jsp"

Answer 3

http://www.w3school.com.cn/jquery/ajax_ajax.asp
有教ajax()函数的使用。可以解决你 的问题。

Answer 4

在ajax里加入参数success:function(data){ alert(data)}