编程应用背景：

　　使用HttpServlet接口来编写一个动态登录的接口（需要在Tomcat容器发布）

登录的 LoginSample 类代码：

 package com.zhang.java;

 public class LoginSample {

     public LoginSample() {        //构造方法

 //        System.out.println("构造方法被调用！");

     }

     public boolean login(String ln, String pwd) {

         if (ln != null && ln.length() > 2 && ln.length() < 17

             && pwd != null && pwd.length() > 2 && pwd.length() < 17) {

             if (ln.equals("zzp") && pwd.equals("")) {　　　　//设置的静态登录名和登录密码，没有调用数据库的信息

                 System.out.println("恭喜您，登录成功!");

                 return true;

             } else {

                 System.out.println("用户名或密码错误！");

             }

         } else {

             System.out.println("参数错误！");

         }

         return false;

     }

 }

登录后台的代码：

 package com.zhang.java;

 import java.io.IOException;

 import javax.servlet.ServletException;

 import javax.servlet.annotation.WebServlet;

 import javax.servlet.http.HttpServlet;

 import javax.servlet.http.HttpServletRequest;

 import javax.servlet.http.HttpServletResponse;

 /**

  * Servlet implementation class LoginTry

  */

 @WebServlet("/LoginTry")

 public class LoginTry extends HttpServlet {

     private static final long serialVersionUID = 1L;

     /**

      * @see HttpServlet#HttpServlet()

      */

     public LoginTry() {

         super();

         // TODO Auto-generated constructor stub

     }

     /**

      * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse

      *      response)

      */

     protected void doGet(HttpServletRequest request, HttpServletResponse response)

             throws ServletException, IOException {

         // TODO Auto-generated method stub

         // 返回值编码的修改

         response.setContentType("text/html;charset=UTF-8");

         // 收到的参数的编码修改

         request.setCharacterEncoding("UTF-8");

         String user = request.getParameter("loginname");

         String pwd = request.getParameter("password");

         LoginSample ls = new LoginSample();

         Boolean result = ls.login(user, pwd);

         // 创建一个info信息来说明登录结果

         String info = "{\"method\":\"get\",";

         if (result) {

             info += "\"status\":200,\"msg\":\"恭喜您登录成功！\"";

         } else {

             info += "\"status\":500,\"msg\":\"抱歉，您登录失败！\"";

         }

         info += "}";

         // 控制台输出登录的info信息

         // System.out.println(info);

         // 接口返回信息

         response.getWriter().append("get方法被调用！" + user + pwd).append(request.getContextPath());

     }

     /**

      * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse

      *      response)

      */

     protected void doPost(HttpServletRequest request, HttpServletResponse response)

             throws ServletException, IOException {

         // TODO Auto-generated method stub

         // 返回值编码的修改

         response.setContentType("text/html;charset=UTF-8");

         // 收到的参数的编码修改

         request.setCharacterEncoding("UTF-8");

         String user = request.getParameter("userid");

         String pwd = request.getParameter("pwds");

         LoginSample ls = new LoginSample();        //调用LoginSmaple类来创建一个登录的实例ls

         Boolean result = ls.login(user, pwd);　　　//创建一个变量来存储登录结果

         String info = "{\"method\":\"post\",";    //创建一个info信息来说明登录结果

         if(result) {　　//使用登录结果作为判断条件

             info+="\"status\":200,\"msg\":\"恭喜您登录成功！\"";

         }

         else {

             info+="\"status\":500,\"msg\":\"抱歉，您登录失败！\"";

         }

         info += "}";

         System.out.println(info);　　//控制台输出info信息

         response.getWriter().append(info);　　//接口返回结果

     }

 }

前端登录页面HTML代码：

 <!doctype html>

 <html>

     <head>

         <meta http-equiv="content-type" content="text/html" charset="utf-8">

         <title>zzp的网页</title>

         <!--接下来引入JQuery最小版本的库文件  -->

         <script src="jquery.min.js" type="text/javascript"></script>

         <!-- 接下来引入自己写的 js 文件 -->

         <script src="test.js" type="text/javascript"></script>    

     </head>

     <body >

         <h1 align="center">Hello HTML</h1>

         <form id="loginForm" method="post" action="./LoginTry">

             <div id="info" style="text-align:center">

                 <p>请输入您的账号：</p>

                 <input type="text" name="userid" placeholder="登录名" />

                 <br/>

                 <p>请输入您的密码：</p>

                 <input type="password" name="pwds" placeholder="密码" />

                 <br/><br/>

                 <!-- 下面这一句原本是为了使用form表单的方式来调用post方法的 -->

                 <!-- <input type="submit" value="开始登录"> -->

                 <!-- 使用“登录”按钮的onclick事件来调用js文件，执行post方法的异步请求 -->

                 <input type="button" onclick="javascript:loginJS()" value="登录" />

             </div>

         </form>

     </body>

 </html>

test.js脚本代码：

 /**

  * 登录界面中“登录”按钮会调用的js方法

  */

 function loginJS() {

     // 定义一个存放URL的变量,指定请求的接口地址

     var AjaxURL = "http://localhost:8080/LoginInterServlet/LoginTry";　　//Tomcat中服务的地址和接口

     $.ajax({

         url : AjaxURL,

         type : "post", // 采用post方法

         dataType : "json", // 请求和返回的参数格式；如果是非json格式需要使用text格式

         // 获取id=loginForm的form表单中的参数

         data : $('#loginForm').serialize(),

         // 当接口调用成功时，执行success中的方法，result参数指的是接口返回的信息

         success : function(result) {

             // result[***]表示的是对应的键经过 解析后的值

             // alert("status:"+result["status"]+",  "+result["msg"]);

             //如果登录成功，将id=“info”的元素 改为 接口返回值中“msg”信息

              $('#info')[0].innerText=result["msg"];

         },

         // 当接口调用失败时，执行error中的方法

         error : function() {

             alert("服务器忙……请稍后重试！");

         }

     });

 }

前端登录时的界面截图：

登录后的界面截图：

java编程（1）——servlet和Ajax异步请求的接口编程（没有调用数据库的数据）的更多相关文章

  1. java编程(2)——servlet和Ajax异步请求的接口编程（有调用数据库的数据）

    第一步: 1.为项目配置 Tomcat 为 server: 2.导入 mysql的jar包 到项目目录中: 第二步:编码 1.数据库连接类ConnectMysql.java代码: package co ...

  2. ajax异步请求

    做前端开发的朋友对于ajax异步更新一定印象深刻,作为刚入坑的小白,今天就和大家一起聊聊关于ajax异步请求的那点事.既然是ajax就少不了jQuery的知识,推荐大家访问www.w3school.c ...

  3. 关于我们ajax异步请求的方法与知识

      做前端开发的朋友对于ajax异步更新一定印象深刻,作为刚入坑的小白,今天就和大家一起聊聊关于ajax异步请求的那点事.既然是ajax就少不了jQuery的知识,推荐大家访问www.w3school ...

  4. maven工程 java 实现文件上传 SSM ajax异步请求上传

    java ssm框架实现文件上传 实现:单文件上传.多文件上传(单选和多选),并且用 ajax 异步刷新,在当前界面显示上传的文件 首先springmvc的配置文件要配置上传文件解析器: <!- ...

  5. java判断请求是否ajax异步请求

    java判断请求是否ajax异步请求   解决方法: if (request.getHeader("x-requested-with") != null && re ...

  6. 【Spring学习笔记-MVC-5】利用spring MVC框架，实现ajax异步请求以及json数据的返回

    作者:ssslinppp      时间:2015年5月26日 15:32:51 1. 摘要 本文讲解如何利用spring MVC框架,实现ajax异步请求以及json数据的返回. Spring MV ...

  7. Ajax -异步请求 -jquery中ajax分类 -第一层 $.ajax -第二层($.get /$.post) -第三层($.getJson/$.getScript) -相应演示

    Ajax 1.标准请求响应时浏览器的动作(同步操作) 1.1浏览器请求什么资源,跟随显示什么资源2.ajax:异步请求. 2.1局部刷新,通过异步请求,请求到服务器资源数据后,通过脚本修改页面中部分内 ...

  8. art.dialog 与 ajax 异步请求

    上周写了一些代码,涉及到jquery异步请求,这里归纳总结下,希望对刚接触编程的同学有帮助. 主要习惯使用 art.dialog 框架,非常好用,在异步请求上,它提供了很多简便的方法. 加载使用art ...

  9. ajax异步请求302分析

    1.前言 遇到这样一种情况,打开网页两个窗口a,b(都是已经登录授权的),在a页面中退出登录,然后在b页面执行增删改查,这个时候因为授权原因,b页面后端的请求肯定出现异常(对这个异常的处理,进行内部跳 ...

随机推荐

  1. Vue(服务端渲染)

    一.前言 1.服务端渲染图解                                                 2.简介服务端渲染                             ...

  2. 计算机网络Web应用层与运输层（HTTP/TCP）

    应用层协议原理 Web和HTTP DNS:英特网的目录服务 运输层 面向连接的运输:TCP及拥塞原理 一.应用层协议原理 DNS域名解析: (用例:www.baidu.com)域名解析是网络请求的第一 ...

  3. SQL 农经权数据库问题提取_身份证号码相同（字段值出现多次）；身份证号码相同但姓名不同（A字段相同，B字段不相同）；发包方无承包方信息（A表有，B表无）等

    身份证号码相同(字段值出现多次) select * from CBF_JTCY a,(select CYZJHM, count(*) from CBF_JTCY  group by  CYZJHM h ...

  4. Java线程池源码解析

    线程池 假如没有线程池,当存在较多的并发任务的时候,每执行一次任务,系统就要创建一个线程,任务完成后进行销毁,一旦并发任务过多,频繁的创建和销毁线程将会大大降低系统的效率.线程池能够对线程进行统一的分 ...

  5. Axure PR的使用

    1759139 王越 Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格.设计功能和界面的专家能够快速创建应用软件或W ...

  6. 34 springboot项目之间依赖导致bean 无法加载问题

    方式一(OK) 模块A引入模块B ,但是模块B的bean一直注入不进来 原因: A模块的Application是在com.xx.xx包下,那么势必只能扫描到这个包下的bean, B模块的Applica ...

  7. 前端自动提示功能插件-typeahead

    typeahead https://npm.taobao.org/package/npm-typeahead A lightweight web-app that implements typeahe ...

  8. Python——Python+Pydev出现SyntaxError: Non-UTF-8 code

    搭建好Python+Pydev后发现每次输入中文,包括注释,会出现语法错误提示,如: SyntaxError: Non-UTF-8 code starting with... 可通过下面方法解决. 1 ...

  9. use case 的缺陷

    用use case 获取需求的方法是否有什么缺陷,还有什么地方需要改进? 1.故事/人物/场景非常适合交互式的系统,但是对于其他类型的需求(算法,速度,扩展性,安全性,以及和      系统技术相关的 ...

  10. 一、下载安装superset

    1.环境介绍: 操作系统:Windows 10 python版本:3.73 2.创建虚拟环境: 打开命令行窗口,使用安装python自带的pip命令,下载pinenv 虚拟环境工具, pip inst ...