JSP+AJAX学习笔记文档格式.docx
- 文档编号:1500256
- 上传时间:2023-04-30
- 格式:DOCX
- 页数:13
- 大小:20.38KB
JSP+AJAX学习笔记文档格式.docx
《JSP+AJAX学习笔记文档格式.docx》由会员分享,可在线阅读,更多相关《JSP+AJAX学习笔记文档格式.docx(13页珍藏版)》请在冰点文库上搜索。
<
%@taglibprefix="
cj"
uri="
自定义标签:
cj:
formatDatevalue="
%=newDate()%>
"
pattern="
yyyy-mm-ddhh:
mm:
ss"
>
/cj:
formatDate>
4.2jsp脚本
---声明:
%!
—写Java代码(编译成文件里的全局变量或方法)可以定义成属性和方法--%>
intage=20;
Stringname="
zhangsan"
publicStringgetMessage(){
returnname+"
----"
+age;
---表达式等价于out.write();
%=name%>
---小脚本:
%--小脚本局部变量--%>
%
Stringsex="
male"
---jsp配置信息
jsp-config>
<
jsp-property-group>
<
url-pattern>
*.jsp<
/url-pattern>
page-encoding>
UTF-8<
/page-encoding>
trim-directive-whitespaces>
true
/trim-directive-whitespaces>
/jsp-property-group>
/jsp-config>
五.jsp隐式对象
---隐式对象不能在声明中使用
---out继承java.io.Writer,可以通过page指令指定缓冲区大小
方法:
clear、clearBuffer,
---cofig:
获取初始化数据:
HttpServletConfig
---exception:
对jsp页面产生的异常进行处理(只在错误页面中使用)
---response:
同HttpServletResponse
---page
---pageContext:
提取获取其他隐式对象的方法
---request:
同HttpServletRequst
---session:
使用同Servlet
---appplicationServletContext
5.2.jsp动作:
动作作为请求处理阶段提供信息
---include
%--jsp动态包含--%>
jsp:
includepage="
sourcefile/file2.jsp"
>
paramvalue="
hellojava!
name="
test"
/>
/jsp:
include>
%=request.getParameter("
)%>
---forward
forwardpage="
login.jsp"
forward>
5.3jspuseBean动作
---javaBean
是个public的Java类;
必须包含一个默认的无参构造方法;
属性名称第二字母不能为大写
---jspuseBean动作
---useBean创建有id代表的class指定的类的实例并保存至scope指定的作用域
---setProperty配合useBean使用request对象获取用户数据为属性赋值
useBeanid="
user"
class="
com.hwua.bean.Users"
scope="
request"
setPropertyname="
property="
*"
useBean>
request.getAttribute("
);
六.EL表达式
6.1.EL简介
---一种表达式语言
---${user.name}或${user[‘name’]}
---保留字
---andornot
---eqnegtgeitle
6.2.运算符
--逻辑运算符-->
and:
${(2>
3)&
&
(5>
4)}----${(2>
3)and(5>
4)}<
br/>
or:
3)||(5>
4)}-----${(2>
3)or(5>
not:
${!
4)}--------${not(5>
hr/>
--算术运算符-->
+:
${4+5}---<
-:
${4-5}<
*:
${4*5}<
/:
${4/5}---${4div5}<
5:
${5%4}---${5mod4}<
--关系运算符-->
==:
${2==3}---${2eq(3)}<
br>
!
=:
${2!
=3}---${2ne3}<
>
:
${2>
3}---${2gt3}<
=3}---${2ge3}<
${2<
3}---${2lt3}<
=3}---${2le3}<
6.3访问隐式对象
---pageContext:
通过pageContext获取ServletContext,Request,Response,Session对象
---格式:
${pageContext.request.requestURI};
---获取request中请求的值:
${header['
user-agent'
]};
---获取cookie值:
${cookie.cookieName.value}
---获取隐式作用域对象中保存的属性
用户名:
${param.uname}
6.4EL中调用函数
---在WEB-INF/tlds下创建tld文件
taglib>
tlib-version>
1.0<
/tlib-version>
jsp-version>
1.2<
/jsp-version>
uri>
http:
//com.hwua.myfun/fun<
/uri>
function>
name>
getName<
/name>
function-class>
com.hwua.fun.MyFunction<
/function-class>
function-signature>
java.lang.StringgetName(java.lang.String)
/function-signature>
/function>
/taglib>
---定义个类,创建静态方法(函数)
---引用并调用:
fun"
//com.hwua.myfun/fun"
${fun:
getName(“frank”)}
七:
JSTL标签库
7.1常用的core标签:
---set标签
--设置变量的名称var、值value、作用域scope、scope的取值:
page、request、session、application-->
c:
setvar="
paramName"
value="
${'
b>
pagehellofrank!
/b>
'
}"
page"
/c:
set>
---out标签:
(escapeXml是否解析xml特殊符号)
outvalue="
${paramName}"
escapeXml="
false"
default="
"
out>
--查找指定作用域的值,如果查找属性名称不存在时,返回default的值-->
${requestScope.paramName}"
requestScope!
${pageScope.paramName}"
pageScope!
--删除指定作用域的值-->
removevar="
7.2条件标签:
---if标签:
iftest="
${param.score>
=90}"
A<
if>
---choose标签:
choose>
whentest="
when>
80}"
B<
60"
C<
otherwise>
D<
choose>
7.3迭代标签:
---forEach(items、Collection、Interator、Map)
forEachitems="
%=arr%>
varStatus="
status"
var="
step"
begin="
2"
end="
3"
${status.count}--------${step}<
forEach>
---forTokens分割
forTokensitems="
aa;
bb_,hg;
f"
delims="
_,."
item"
${item}<
forTokens>
--静态包含-->
urlvalue="
sucessful.html"
var="
myurl"
importurl="
${myurl}"
--跳转!
重定向!
-->
redirecturl="
redirect>
8.ajax
AJAX是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新。
什么是AJAX?
AJAX=异步JavaScript和XML(AsynchronousJavaScriptandXML)。
简短地说,在不重载整个网页的情况下,AJAX通过后台加载数据,并在网页上进行显示。
使用AJAX的应用程序案例:
谷歌地图、腾讯微博、优酷视频、人人网等等。
您可以在我们的AJAX教程中学到更多有关AJAX的知识。
关于jQuery与AJAX
jQuery提供多个与AJAX有关的方法。
通过jQueryAJAX方法,您能够使用HTTPGet和HTTPPost从远程服务器上请求文本、HTML、XML或JSON-同时您能够把这些外部数据直接载入网页的被选元素中。
提示:
如果没有jQuery,AJAX编程还是有些难度的。
编写常规的AJAX代码并不容易,因为不同的浏览器对AJAX的实现并不相同。
这意味着您必须编写额外的代码对浏览器进行测试。
不过,jQuery团队为我们解决了这个难题,我们只需要一行简单的代码,就可以实现AJAX功能。
jQueryAJAX方法
在下面的章节,我们将学习到最重要的jQueryAJAX方法。
8.1jQueryload()方法
jQueryload()方法是简单但强大的AJAX方法。
load()方法从服务器加载数据,并把返回的数据放入被选元素中。
语法:
$(selector).load(URL,data,callback);
必需的URL参数规定您希望加载的URL。
可选的data参数规定与请求一同发送的查询字符串键/值对集合。
可选的callback参数是load()方法完成后所执行的函数名称。
这是示例文件("
demo_test.txt"
)的内容:
h2>
jQueryandAJAXisFUN!
/h2>
pid="
p1"
Thisissometextinaparagraph.<
/p>
也可以把jQuery选择器添加到URL参数。
下面的例子把"
文件中id="
的元素的内容,加载到指定的<
div>
元素中:
实例
$("
#div1"
).load("
demo_test.txt#p1"
可选的callback参数规定当load()方法完成后所要允许的回调函数。
回调函数可以设置不同的参数:
∙responseTxt-包含调用成功时的结果内容
∙statusTXT-包含调用的状态
∙xhr-包含XMLHttpRequest对象
下面的例子会在load()方法完成后显示一个提示框。
如果load()方法已成功,则显示“外部内容加载成功!
”,而如果失败,则显示错误消息:
button"
).click(function(){
$("
function(responseTxt,statusTxt,xhr){
if(statusTxt=="
success"
)
alert("
外部内容加载成功!
error"
Error:
+xhr.status+"
+xhr.statusText);
});
});
8.3jQueryget()和post()方法用于通过HTTPGET或POST请求从服务器请求数据。
HTTP请求:
GETvs.POST
两种在客户端和服务器端进行请求-响应的常用方法是:
GET和POST。
∙GET-从指定的资源请求数据
∙POST-向指定的资源提交要处理的数据
GET基本上用于从服务器获得(取回)数据。
注释:
GET方法可能返回缓存数据。
POST也可用于从服务器获取数据。
不过,POST方法不会缓存数据,并且常用于连同请求一起发送数据。
jQuery$.get()方法
$.get()方法通过HTTPGET请求从服务器上请求数据。
$.get(URL,callback);
必需的URL参数规定您希望请求的URL。
可选的callback参数是请求成功后所执行的函数名。
下面的例子使用$.get()方法从服务器上的一个文件中取回数据:
$.get("
demo_test.asp"
function(data,status){
Data:
+data+"
\nStatus:
+status);
$.get()的第一个参数是我们希望请求的URL("
)。
第二个参数是回调函数。
第一个回调参数存有被请求页面的内容,第二个回调参数存有请求的状态。
这个ASP文件("
)类似这样:
response.write("
ThisissometextfromanexternalASPfile."
jQuery$.post()方法
$.post()方法通过HTTPPOST请求从服务器上请求数据。
$.post(URL,data,callback);
可选的data参数规定连同请求发送的数据。
下面的例子使用$.post()连同请求一起发送数据:
$.post("
demo_test_post.asp"
{
name:
DonaldDuck"
city:
Duckburg"
},
function(data,status){
$.post()的第一个参数是我们希望请求的URL("
然后我们连同请求(name和city)一起发送数据。
中的ASP脚本读取这些参数,对它们进行处理,然后返回结果。
第三个参数是回调函数。
第一个回调参数存有被请求页面的内容,而第二个参数存有请求的状态。
dimfname,city
fname=Request.Form("
name"
city=Request.Form("
city"
Response.Write("
Dear"
&
fname&
."
Hopeyoulivewellin"
city&
."
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JSP AJAX 学习 笔记