Web后台

Javascript & JQuery

 

AJAX(上)

异步的Javascript and xml，是一种网页的局部刷新技术，即在请求后台时，页面全局不会进行刷新，只是页面某一部分刷新，应用场景十分广泛，比如：表单验证，分页，前端数据展示。ajax不是一项新技术，在js的基础上实现新应用，全局通过一个XMLHttpRequest的对象实现跟后台交互。

AJAX使用步骤:

1. 创建一个XMLHttpRequest对象

2. 打开连接(请求后他)

3. 发送请求

4. 当请求状态发生改变时触发回调函数

   1. 判断请求状态(readyState：4)

   2. 判断响应状态(status：200)

   3. 获取服务端数据(responseText)

创建XMLHttpRequest对象

var xhr;
if(XMLHttpRequest){
    xhr = new XMLHttpRequest();
}else{
    xhr = new ActiveXObject('Microsoft.XMLHTTP');
}

打开连接

xhr.open('GET','请求地址')；

发送请求1 - get请求

xhr.send(null)；

发送请求2 - post请求

xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded')
xhr.send(data);//data表示需要提交的数据

当准备状态发生改变时触发回调函数

xhr.onreadystatechange=function(){
    if(xhr.readyState == 4 && xhr.status == 200){
        //获取服务端响应的数据
        var data = xhr.responseText;
    }
}

 

 

 

Web后台入门

Jquery-Ajax

jquery中提供了一些用于发送ajax请求的方法，主要有以下:

1、$.ajax()：原始的ajax请求

2、$.get()：发送基于get的ajax请求

3、$.post()：发送基于post的ajax请求

4、$.getJSON()：发送基于get的ajax请求并获取json对象

5、serialize():用于将表单数据序列化

Web后台概述

Tomcat服务器安装配置

Tomcat,是一个开源的web容器（web服务器），区别于HTTP服务器(apache,nginx)，tomcat提供了jsp，servlet的运行环境，能够将jsp转换为servlet类，并对客户端提供请求响应服务器，tomcat服务器就是使用java开发的，支持多线程，新版本支持热部署。目前主流的javaweb容器包含以下:

1、Tomcat

2、Jetty

3、Weblogic

4、JBoos

5、WebSphere

安装配置

由于Tomcat是基于java开发的一个web容器，因此运行tomcat需要java环境支持(配置java环境变量：JAVA_HOME)

tomcat根目录
    +bin    二进制文件所在目录，包含tomcat服务启动和停止程序
    +conf    服务器的配置目录,包含服务器的配置信息(端口，虚拟路径，开发者模式等)
    +lib    运行时库文件(*.jar)
    +logs    日志文件，包含服务器启动或运行时日志信息
    +temp    临时文件所在目录
    +webapps  项目的发布/部署目录(重要)
    +work    工作目录(存放对jsp处理之后的java文件和字节码文件)
    LICENSE  许可文件    

启动tomcat服务器

找到tomcat解压缩目录：tomcat根目录下/bin目录中有一个startup.bat

将tomcat服务安装为系统服务

1、进入tomcat所在目录bin目录

2、shift+鼠标右键(在此处打开powershell窗口/在此处打开命令行)

3、在命令行窗口输入.\service.bat install或service.bat install安装服务

4、安装成功后会显示The service 'Tomcat8' has been installed.

5、同时在系统服务列表中能够找到tomcat服务 

 

Servlet入门

Servlet（服务端小程序），由applet和Server结合而成；是一种新型的CGI(通用网关接口)技术，允许客户端请求服务端并通过服务端向客户端发送动态数据(来自数据库)；是动态网页技术(JSP)的核心实现，Servlet基于服务端运行，可以处理客户端请求(表单数据)，并向客户端响应必要的数据或者动态网页。

​ Servlet最初的版本比如常用2.0/2.5版本需要使用web.xml进行配置；但是自从进入servlet3.0版本后，所有的servlet无需配置，只需要在相关的servlet类中使用@WebServlet注解即可，新版本的Servlet创建步骤如下:

1、创建一个普通java类继承HttpServlet

2、重写doGet/doPost或者service方法

3、为创建的类添加注解(@WebServlet)

Servlet生命周期

Servlet是一种资源，凡是资源都会有各自的生命周期，servlet的生命周期从init 到destroy也有一个过程：

1、当服务器启动(容器启动)，会加载检查配置信息（web.xml）对所有的servlet，filter等资源进行检查

2、当客户端请求第一次到到servlet时，此时容器会将servlet执行init方法完成初始化（创建），在整个应用运行期间只会初始化一次

3、然后在根据客户端发送的请求（get、post）来决定调用doGet或者doPost方法

4、当服务器实例被终止(停止)时，servlet执行destroy方法完成销毁

servlet在服务器中是一个单例，意味着所有的客户端请求同一个servlet时都是通过唯一的一个实例完成请求和响应操作，因此不要在servlet定义全局变量，因为，在大量线程并发时都是访问同一个实例，因此会导致多个线程修改同一个全局变量时造成结果不一致。