我正在尝试制作一个简单的登录页面

Posted 2023-05-08

【中文标题】我正在尝试制作一个简单的登录页面

【英文标题】：i am trying to make a simple login page

【发布时间】：2011-09-16 09:19:40

【问题描述】：

，该页面将登录用户名和密码并成功登录到欢迎屏幕。想要使用 Jquery/Ajax 而不是 php。我该怎么办。我被困在这一点上。

jQuery

@import url(style.css);

$(文档).ready(函数 () //提交按钮的事件处理程序 $("#Login").click(function () //收集用户输入的用户名和密码 var userName = $("#username").val(); var 密码 = $("#password").val(); //调用认证函数 验证（用户名，密码）； ); ); //验证函数以进行ajax调用 功能验证（用户名，密码） $.ajax ( 类型：“发布”， //您要将用户名和密码发送到的网址 url: "http://your-url.com/secure/authenticate.php", 数据类型：'json'， 异步：假， //json对象发送到认证url 数据：'“用户名”：“'+用户名+'”，“密码”：“'+密码+'”'， 成功：函数（） //在这里做任何成功认证的过程 )

登录演示-

Jquery 演示

  <h1>Login to Welcome Screen</h1>

  <h2> By me</h2>

  <img class="border_pic" src="images/images.jpg"  />

  <div class="border" id="login">

    <p>Username:

      <input type="text" size="30" name="username" id="username" />

      <br />

      Password:

      <input type="password" size="30" name="password" id="password" />

      <br />

      <input type="button" accesskey="l" id="Login" name="Login" value="Login" />

    </p>

  </div>

大家好。

伙计们。

签字

【参考方案1】：

AJAX 是一种从 javascript 对后端进行异步调用的方法，因此您无法使用纯 javascript 来执行此操作。实现后端部分的方法有很多，但对于简单应用程序来说最简单的可能是 PHP。

您可以在网上找到大约一百万篇关于该主题的教程： Like this one Or this one Or this

【参考方案2】：

试试这个：http://www.bitrepository.com/ajax-login-modal-box.html