利用Ajax技术写一个登陆页面及axios在VUE中的使用

最新推荐文章于 2023-05-22 23:12:02 发布

洋哥在线写BUG

最新推荐文章于 2023-05-22 23:12:02 发布

阅读量789

点赞数

分类专栏： Layui和vue等前端知识点文章标签：利用Ajax技术写一个登陆页面 Ajax的使用简单的Ajax js地址

本文链接：https://blog.csdn.net/Cui6023056/article/details/102758609

版权

本文介绍了如何利用Ajax技术构建一个登录页面，并在Vue项目中使用axios进行数据交互。在编写过程中，作者提到了在IDEA中遇到的问题，包括jsp和servlet代码的交互，以及在引入jQuery时选择使用官方CDN。此外，还简单提及了axios在Vue中的应用场景。

摘要由CSDN通过智能技术生成

利用Ajax技术写一个登陆页面及axios在VUE中的使用

这个小程序我是利用idea工具进行编写，因为用惯了eclipes，所以会出现很多的小问题我会在代码下编写途中出现的问题，如出现雷同的问题可以照搬。

这是jsp的代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>Ajax</title>
      <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  </head>
  <body>
    账户:<input type="text" name="name" id="name"><br>
    密码:<input type="password" name="pwd" id="pwd"><br>
    <button>登录</button>
    <div id="dic"></div>
    <script>
          $(document).ready(function () {
   		//页面加载完成后执行代码
            $(":button").on(