jsp的指令元素 共有三种 @page @include @taglib
@page: 用于设置JSP页面的属性,这些属性将用于和JSP容器通信,控制所生成的servlet结构
@include: 将外部内容包含到JSP文档中
@taglib: 声明用户使用自定义的标签,将标签库描述符文件导入到jsp页面。
jsp中如果要写java代码就要用<% %>来给括起来。
这是jsp的语法格式,此外还有很多,如:
jsp指令<%@ %>
jsp声明<%! %>
jsp表达式<%= %>
jsp注释<%-- --%>
jsp里的java代码<%java代码%>
xmlhttpRequest实例与服务器进行通信包含3个关键部分:
-open方法
-send方法
-onreadystatechange事件处理函数
window.onload = function(){
alert("abc");
//1.获取a节点,并为其添加onclick响应函数
document.getElementsByTagName("a")[0].onclick = function(){
//3.创建一个XHLhttpRequest对象
var request = new XMLHttpRequest();
//4.准备发送请求的数据:url 在此将时间戳追加到URL的最后,就能确保URl的唯一性,从而避免浏览器缓存结果
var url = this.href + "?time" + new Date();
var method = "GET";
//5.调用open方法
request.open(method,url);
//6.调用send方法
request.send(null);
//7.为XMLHttpRequest对象 添加onreadystatechange 响应函数
request.onreadystatechange = function(){
//8.判断响应是否完成,XMLHttpRequest 对象的readyState 属性值为4的时候
if(request.readyState ==4){
//9.再判断响应是否可用:XMLHttpRequest对象status 属性值为200
if(request.status == 200 || request.status == 304){
alert(request.responseText);
}
}
}
//2.取消a节点的默认行为
return false;
}
}
POST请求
在open()方法后面加入
request.setRequestHeader("ContentType","application/x-www-foem-urlencoded");
在send()
request.send("aa");
xml
优点:
XML 是一种通用的数据格式。
不必把数据强加到已定义好的格式中,而是要为数据自定义合适的标记。
利用 DOM 可以完全掌控文档。
缺点:
如果文档来自于服务器,就必须得保证文档含有正确的首部信息。若文档类型不正确,那么 responseXML 的值将是空的。
当浏览器接收到长的 XML 文件后, DOM 解析可能会很复杂
例子
if(request.readyState == 4){
if(request.status == 200 || request.status == 304){
//alert("ab");
//document.getElementById("details").innerHTML = request.responseText;
//1.结果为xml格式,需要用reponseXML来获取
var result = request.responseXML;
//2.结果不能直接使用,必须先穿件对应的节点,再把节点加入到#details
var name= result.getElementsByTagName("name")[0].firstChild.nodeValue;
var website= result.getElementsByTagName("website")[0].firstChild.nodeValue
var email= result.getElementsByTagName("email")[0].firstChild.nodeValue;
var aNode = document.createElement("a");
aNode.appendChild(document.createTextNode(name));
aNode.href = email;
var h2Node = document.createElement("h2");
h2Node.appendChild(aNode);
var aNode2 = document.createElement("a");
aNode2.appendChild(document.createTextNode(website));
aNode2.href = website;
var detailsNode = document.getElementById("details");
detailsNode.innerHTML = "";
detailsNode.appendChild(h2Node);
detailsNode.appendChild(aNode2);
}
}
}
json
优点:
作为一种数据传输格式,JSON 与 XML 很相似,但是它更加灵巧。
JSON 不需要从服务器端发送含有特定内容类型的首部信息。
缺点:
语法过于严谨
代码不易读
eval 函数存在风险
jquery实现ajax
解决缓存
var args = {“time”:new Date()};
load()方法 $.get()方法 $.getJSON()
$pageContext.request.contextPath
@page: 用于设置JSP页面的属性,这些属性将用于和JSP容器通信,控制所生成的servlet结构
@include: 将外部内容包含到JSP文档中
@taglib: 声明用户使用自定义的标签,将标签库描述符文件导入到jsp页面。
jsp中如果要写java代码就要用<% %>来给括起来。
这是jsp的语法格式,此外还有很多,如:
jsp指令<%@ %>
jsp声明<%! %>
jsp表达式<%= %>
jsp注释<%-- --%>
jsp里的java代码<%java代码%>
xmlhttpRequest实例与服务器进行通信包含3个关键部分:
-open方法
-send方法
-onreadystatechange事件处理函数
window.onload = function(){
alert("abc");
//1.获取a节点,并为其添加onclick响应函数
document.getElementsByTagName("a")[0].onclick = function(){
//3.创建一个XHLhttpRequest对象
var request = new XMLHttpRequest();
//4.准备发送请求的数据:url 在此将时间戳追加到URL的最后,就能确保URl的唯一性,从而避免浏览器缓存结果
var url = this.href + "?time" + new Date();
var method = "GET";
//5.调用open方法
request.open(method,url);
//6.调用send方法
request.send(null);
//7.为XMLHttpRequest对象 添加onreadystatechange 响应函数
request.onreadystatechange = function(){
//8.判断响应是否完成,XMLHttpRequest 对象的readyState 属性值为4的时候
if(request.readyState ==4){
//9.再判断响应是否可用:XMLHttpRequest对象status 属性值为200
if(request.status == 200 || request.status == 304){
alert(request.responseText);
}
}
}
//2.取消a节点的默认行为
return false;
}
}
POST请求
在open()方法后面加入
request.setRequestHeader("ContentType","application/x-www-foem-urlencoded");
在send()
request.send("aa");
xml
优点:
XML 是一种通用的数据格式。
不必把数据强加到已定义好的格式中,而是要为数据自定义合适的标记。
利用 DOM 可以完全掌控文档。
缺点:
如果文档来自于服务器,就必须得保证文档含有正确的首部信息。若文档类型不正确,那么 responseXML 的值将是空的。
当浏览器接收到长的 XML 文件后, DOM 解析可能会很复杂
例子
if(request.readyState == 4){
if(request.status == 200 || request.status == 304){
//alert("ab");
//document.getElementById("details").innerHTML = request.responseText;
//1.结果为xml格式,需要用reponseXML来获取
var result = request.responseXML;
//2.结果不能直接使用,必须先穿件对应的节点,再把节点加入到#details
var name= result.getElementsByTagName("name")[0].firstChild.nodeValue;
var website= result.getElementsByTagName("website")[0].firstChild.nodeValue
var email= result.getElementsByTagName("email")[0].firstChild.nodeValue;
var aNode = document.createElement("a");
aNode.appendChild(document.createTextNode(name));
aNode.href = email;
var h2Node = document.createElement("h2");
h2Node.appendChild(aNode);
var aNode2 = document.createElement("a");
aNode2.appendChild(document.createTextNode(website));
aNode2.href = website;
var detailsNode = document.getElementById("details");
detailsNode.innerHTML = "";
detailsNode.appendChild(h2Node);
detailsNode.appendChild(aNode2);
}
}
}
json
优点:
作为一种数据传输格式,JSON 与 XML 很相似,但是它更加灵巧。
JSON 不需要从服务器端发送含有特定内容类型的首部信息。
缺点:
语法过于严谨
代码不易读
eval 函数存在风险
jquery实现ajax
解决缓存
var args = {“time”:new Date()};
load()方法 $.get()方法 $.getJSON()
$pageContext.request.contextPath