jQuery&ajax连接servlet&实现简单的登入&前后端分离式开发

知识点jQuery ajax

 $.ajax({
                   url:'url',//url为请求地址，服务器地址
                   type:'post/get',//请求方式一般为post或get
                   data:{ //传向服务器的参数，格式如下
                       name:$('[name=name]').val(),
                       pwd:$('[name=pwd]').val(),
                   },
                   dataType:'text',//服务器响应的数据类型
                   success:function (data) {//请求成功后要执行的方法，data为服务器响应的数据 }
               });

效果展示

css代码jquery代码html代码写在js项目里面

servlet代码写在web的servlet里面

css代码

<style>
    *{
        text-align: center;
    }
    body{
        background: url("images/b.png") no-repeat;
        back