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中的链接?但我觉得应该可以监听到登录链接的啊,都在一个文档中。



发表评论

电子邮件地址不会被公开。 必填项已用*标注

37 − 36 =