JavaWeb-浏览器发送请求

前台发送请求的三种方式

前台发送请求的方式1：通过超链接

    <a href="http://www.baidu.com">指向互联网资源</a>
    <a href="index.html">指向项目内部的页面资源</a>
    <a href="/xxx">指向项目内部的Java资源</a>

前台发送请求的方式2：通过JS

    <button id="btn">点击按钮发送一个请求</button>
    <script>
        document.getElementById("btn").onclick = function (){
            location.href = "index.html";//本质依然是超链接
        }
    </script>

前台发送请求的方式3：通过表单

    <form action="index.html" method="post">
        账号:<input type="text" name="username"><br>
        <input type="submit" value="提交">
    </form>

 后台如何获取前台发来的请求

        通过tomcat提供的Servlet（处理前台请求的一个类）类来实现

如何去创建Servlet:

        1.导入jar包---servet-api.jar  在tomcat的lib目录里面

        2.在servlet的包下创建一个Servlet的类

               2.1 Servlet的命名规范： XxxServlet  其中Xxx表示什么功能的Servlet

        3.继承HttpServlet

        4.重写父类的service方法,然后把默认的super删除

        5.在类上添加@WebServlet("/Xxx") 注解。表示前台通过什么请求路径访问该类，一般和类名同名

前台发送携带数据的请求的方式

1：通过超链接

<p>语法如下：在URL地址的后面加上?key=value&key=value&key=value的形式即可</p>
<p>注意事项：都是英文状态下的符号，如果含有中文的内容 也无需加引号</p>
<a href="index.html?id=123&name=张三">指向互联网资源</a>

 2：通过JS

<button id="btn">点击按钮发送一个请求</button>
<script>
    document.getElementById("btn").onclick = function (){
        location.href = "index.html?id=456";//本质依然是超链接
    }
</script>

 3：通过表单

<p>注意事项：内部的表达元素都要加上name来修饰。因为后台都是通过name来获取值</p>
<p>注意事项：单选框：加上若干个相同的name即可，记得补充value</p>
<p>注意事项：多选框：加上若干个相同的name即可，记得补充value</p>
<p>注意事项：下拉框：内部的option的value值可以省略的，但是你要知道，如果省略了以option标签的内部为准。如果没省略就以value为准</p>

<form action="/RegServlet" method="post">
    账号:<input type="text" name="username"><br>
    密码:<input type="password" name="password"><br>
    性别:
    <input type="radio" name="sex" value="男" checked >男
    <input type="radio" name="sex" value="女"  >女<br>
    爱好:
    <input type="checkbox" name="likes" value="吃">吃
    <input type="checkbox" name="likes" value="喝">喝
    <input type="checkbox" name="likes" value="玩">玩
    <input type="checkbox" name="likes" value="乐">乐
    <br>
    地址:
    <select name="address">
        <option>湖南</option>
        <option value="123广东~">广东</option>
        <option>云南</option>
    </select> <br>
    自我介绍:
    <textarea name="jieshao">自我介绍：</textarea>
    <br>
    生日:<input type="date" name="birthday"><br>
    <input type="submit" value="提交">
</form>