jQuery的ajax简易使用方法

$.ajax({
   type:”post”,
   url:”/user/userlogin.asp”,
   data:”Action=Top”,
   dataType:”html”,
   error:function(){alert(‘出现异常错误！请联系管理员！’);},
   success:function(loginOk){$(“#topLogin”).html(loginOk);}
  });

 

下面这个是一位朋友在Thickbox中碰到的问题

问题是这样的：

    我使用jquery框架来构建，并且使用了基于它的thickbox插件。我用thickbox做一个登录接口（和youku.com有点像）。为了让登录的用户显示控制面板等，而未登录的访客显示登录链接。我在index.html中有一个<div id=”topLogin”>请稍后…</div>，我用jquery的$.ajax()从userlogin.asp页面获取数据，代码如下：

  $.ajax({
   type:”post”,
   url:”/user/userlogin.asp”,
   data:”Action=Top”,
   dataType:”html”,
   error:function(){alert(‘出现异常错误！请联系管理员！’);},
   success:function(loginOk){$(“#topLogin”).html(loginOk);}
  });

下面是userlogin.asp部分代码：

   <%

   If KS.S(“Action”)=”Top” Then
     Call Login1()
   End If

  Sub Login1()
   If KSUser.UserLoginChecked() = False Then
   %>
    <a href=”/User/UserReg.asp” target=”_blank”><img src=”/Images/mas.gif” width=”16″ height=”15″ />注册</a> | <a href=”/User/login.asp?KeepThis=true&height=180&width=300″ class=”thickbox” target=”_blank”><img src=”/Images/losspass.gif” width=”12″ height=”15″ />登录</a>

  <%Else%>

   <table cellspacing=”0″ cellpadding=”0″ style=”width:450px;border:0px;”>
     <tbody>
    <tr>
   <td align=”center”>您好!<font color=red><%=KSUser.UserName%></font>,欢迎访问!  <a href=”<%=KS.GetDomain%>User/index.asp” target=”_parent”><img src=”<%=KS.GetDomain%>user/images/user_manager.gif” style=”border:0px;” />会员中心</a> <a href=”<%=KS.GetDomain%>User/UserLogout.asp”><img src=”<%=KS.GetDomain%>user/images/error.gif” style=”border:0px;” />退出登录</a></td>
    </tr>
   </table>

<%End IF%>

而我在index.html中已经调用了jquery.js和thickbox的相关文件。

未登录时index.html显示的是登录链接，我点击登录链接，但是打开了新窗口，而不是thickbox中显示。就是说thickbox这时没有起作用，是thickbox没有监听到ajax获得并插入index.html中的链接？但我觉得应该可以监听到登录链接的啊，都在一个文档中。