前后端交互(1月18日)

1.启动一个html项目直接在浏览器中看到,这可以设置web browser来实现

2.Servlet项目中每个文件的意义?

2.1 src:src就是Source的缩写,Source就是源代码的意思,主要存放java代码

2.2 lib中主要放外部的jar包,jar包就是java写的具有某种功能的文件

2.3 WebContent是存放前端资源的目录

2.4 webinf是安全工具箱,有文件放在它下面,普通的跳转不会访问到它里面的内容,只能够后端请求转发访问

2.5 https类的jquery需要联网使用,可以直接复制它的内容,生成.js文件,放入eclipse中的js文件中

2.6 webinf下的webxml文件可以设定默认访问的文件,挨个检索,检索到就会显示出来

2.7 Servers下tomcat文件下servers.xml可以设置path根目录

3.<input type = "text" class = "account">class是进行分类的意思,里面的名字自己命名

3.1<input type = "button" class = "btn" value = "登录"> value="登录" 表示button按钮处显示为登录

3.2html绑定Servlet代码案例:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="/resource/css/Login.css"><!--引入css资源  -->
<script src="/resource/js/jquery.js"> <!--引入js资源--></script>
<script>
//$(selector).action()基本语法

//(document).ready 是文档就绪函数 因为从上到下开始执行,此方法找不到.btn,.btn变量在后面定义,所以先引入这个文档就绪函数
$(document).ready(".btn").click(function(){
  var account = $(".account").val();
    location.href="/LoginServlet"  //跳转页面
})
</script>
</head>
<body>
我是登录页面
<input type="text" class="account">
<input type="button" class="btn" value="登录">
</body>
</html>

4.jquery中方法的使用是$(".seletor").click(function){方法内容} (前面是class文件,后面是方法名)

5.什么是后端请求转发? 如何利用请求转发访问webinf安全工具箱里面的文件?

5.1首先清楚servlet中的get方法和post方法的区别:

get请求是非常容易、随意发起请求的方式。

post请求两种方式:

1借助from表单  例如<from action="" method = "post"> 

2.利用ajax中的type="post"

另外传参方式也有区别

5.1.1前端如何调用Servlet

首先Servlet中设置@WebServlet("/")   这表示对此Servlet的映射,""里面自己命名。

然后用ajax 中url:"/"来绑定Servlet或者用<from action="/" method = "post"> 

get请求最直接的调用方式location.href="/"  这种方式只能get请求使用

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值