求高手帮忙解决弹窗问题。。（JS）。

大家应该都用过百度账号登陆吧，登录百度是，只有一部分（登录窗口）是获得焦点的，其余窗口皆无焦点。我心爱那个实现的效果是，当用户点击一个连接，弹出一个对话框（就像百度登陆的那个），并且实现身份验证等后台操作（其实主要是如何配合JS使用）。所以在此求各位高手帮忙，还望大家能不吝赐教。小弟，在此先过各位了………………

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

我看的是北风网教程
前台页面：
<script type="text/javascript">
var xmlHttp;
function createXmlHttpRequest(){

if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}else{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}
}
//用户输入完用户名，将光标移动到密码框输入密码时，验证用户名是否被占用
function checkUser(){
createXmlHttpRequest();
var userName = document.getElementById("userName").value;
xmlHttp.open("post","checkU",true);//Ajax核心方法之1：指定发   送  方   式，指定发送路径
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//定义一个函数接收返回数据
xmlHttp.onreadystatechange = function(){
if(xmlHttp.readyState == 4){
document.getElementById("checkResult").innerHTML = xmlHttp.responseText;//接收返回结果
}
}
xmlHttp.send("userName=" + userName);//发送值
}
</script>
  <body>
   <input type="text" name="userName" id="userName" onblur="checkUser();"/><span id="checkResult"></span><br/>
   <input type="password" name="pwd" id="pwd"/>
  </body>
后台处理：
public class CheckU extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
this.doPost(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setCharacterEncoding("utf-8");
String userName = request.getParameter("userName");
if(!userName.equals("abc")){
response.getWriter().print("恭喜您，用户名可以使用!");
}else{
response.getWriter().print("对不起，用户名已被占用！");
}
}}
当然还得import 和导入jar包我是看着教程做的，结果正确.
上边“abc ”为你的数据库查询已存在的用户名，你依次判断一遍
如果你想做到百度那种登录效果的话用Java做会很麻烦的
结合jQuery来实现超简单的！看看这方面的插件吧!
AJAX技术，楼主找找教程看看吧，别什么问题都问呵

求高手帮忙解决 弹窗问题。。（JS）。

解决方案 »

求高手帮忙解决弹窗问题。。（JS）。