1.什么是jquery，什么是ajax
jquery是一套开放性源代码的JavaScript函数库，简化了DOM文件的操作，让我们轻松选取对象，并以简洁的程序完成想要的效果。此外jquery也强化了异步传输（ajax）的功能，我们在这里就是要用到它的这一项功能。
Ajax即Asynchronous Javascript And XML（异步JavaScript和XML），使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面，这使得程序能够更快地回应用户的操作。
2.引入jquery
下载链接：https://jquery.com/。
右键下载链接，将链接另存为，这样将会得到一个js文件，将这个js文件引入到自己的项目中。
3.ajax的应用
这里我们只讲述jquery中的ajax的四个属性
url：规定发送请求的 URL。默认是当前页面。
type：规定请求的类型（GET 或 POST），默认是get。
data：规定要发送到服务器的数据，并能接收服务器返回的信息。
success：规定请求成功时运行的函数。
下面我们放源码：
login.jsp- <%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8"%>
- <html lang="en">
- <html>
- <head>
- <title>登录</title>
- <meta charset="utf-8" />
- <meta name="viewport"
- content="width=device-width, initial-scale=1, user-scalable=no" />
- <link rel="stylesheet" href="assets/css/login_main.css" />
- </head>
- <body class="is-preload">
-
-
- <h2 class="major">登录</h2>
- <span style="color: white;" id="loginmessage"></span><br>
- <form method="post">
-
-
- <label for="username">账号</label> <input type="text" id="username1"
- placeholder="手机号/邮箱" />
-
-
- <label for="password">密码</label> <input type="password"
- id="password1" placeholder="请输入密码" />
-
-
- <ul class="actions">
- <li><input type="button" value="登录" class="primary"
- onclick="clicklogin()" /></li>
- <li><input type="reset" value="重置" /></li>
- </ul>
- 还没有账号，点这里<a target="_blank" href="https://www.cnblogs.com/SIGNUP.jsp">进行注册</a>
- </form>
-
-
-
-
-
-
-
-
- </body>
- </html>
（本文仅作个人学习记录用，如有纰漏，敬请指正）
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！ |
