一.Jsp
Jsp的调用过程:当第一次访问jsp页面时,会向一个servlet容器(tomcat等)发出请求,servlet容器先要把 jsp页面转化为servlet代码(.java),再编译成.class 文件 再进行调用
Java Server Page
就是使用JSP标签在HTML网页中插入Java代码 <% %>或者
<jsp:scriptlet>
代码片段
</jsp:scriptlet>
<%=表达式%>
<%-- 注释 --%>
指令标签有:<%@page %>
<%@include %> 包含其他文件
<%@taglib %> 引入标签库的定义
二.javaScript https://www.w3school.com.cn/js/js_validation.asp
1.JavaScript对网页行为进行编程
CSS规定网页的布局
HTML定义网页的内容
2.JavaScript定义在<Script></Script>中
JavaScript语句
<script>
var x, y, z; // 语句 1
x = 22; // 语句 2
y = 11; // 语句 3
z = x + y; // 语句 4
document.getElementById("demo").innerHTML =
"z 的值是" + z + "。";
</script>
JavaScript函数
<script>
function myFunction(p1, p2) {
return p1 * p2;
}
document.getElementById("demo").innerHTML = myFunction(7, 8);
</script>
三:Ajax
就直接在这个网站看吧,我自己总结的难看的要死
https://how2j.cn/k/ajax/ajax-stepbystep/466.html#nowhere
1.设置XHR(XmlHttpRequest)对象
2.设置响应函数
xmlhttp.onreadystatechange=checkResult; //响应函数
function checkResult(){
if (xmlhttp.readyState==4 && xmlhttp.status==200)
document.getElementById('checkResult').innerHTML=xmlhttp.responseText;
}
3.设置要访问到页面并发出请求
var name = document.getElementById("name").value;
var url = "https://how2j.cn/study/checkName.jsp?name="+name;
xml.open("GET",url,true);
xml.send(null);
4.当服务器端返回,响应函数被调用
5.
在响应函数中,判断响应是否成功,如果成功获取服务端返回的文本,并显示在span中。
document.getElementById('checkResult').innerHTML 设置span的内容为服务端传递回来的文本
四.Jquery
Jquery就是一个javaScript库,简化了JavaScript的编程
Jquery的语法是选取HTML元素,并对选取的元素进行操作
语法就是:$() 或者 jquery() 基本都是用的第一个
由于是选取元素进行操作,所以选择器的问题就显的很重要了、
注意:您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中:
$(document).ready(function(){ // 开始写 jQuery 代码... });
这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。
1.元素选择器:
$("p") 选取<p>元素
点击按钮后,所有<p>元素都会被隐藏
$(document).ready(function()
{$("button").click(function(){ $("p").hide(); }); }
);
2.id选择器
$("#test")
3. .class选择器
$(".test")
用户点击按钮后所有带有 class="test" 属性的元素都隐藏: