文档介绍：JQuery 客户端脚本框架使用说明书
1
制作人制作时间修改人修改时间修改内容版本
于浩 2011-8-
26
一简介
确实是一个挺好的轻量级的框架,能帮助我们快速的开发应用,并在
jQuery JS JS
一定程度上改变了我们写代码的习惯。
JavaScript
当然本身包含很多东西,例如说对事件的处理、对的处理、以及对
jQuery Ajax UI
的处理等很多很多的内容;同时利用开发的插件也包含很多类别,例如导航类、分页类、提
示框类、编辑器类、表格类、验证类、图表类、相关类、上传类、事件日期类、虚拟
Form
键盘类等等。
此处所封装的内容十分有限,甚至有些内容只是介绍了相关的用法。如想了解
JQuery
更多的知识,请参考相关资料。
框架主要包含三部分内容:
JQuery
: 的使用。
1 JQuery Ajax
: 校验框架的使用。
2 JQUery
: 文件上传。
3 JQuery
2
版本: 《》。
JQuery
二具体内容分析
ajax 的使用
由于对部分未作任何封装, 所以在使用时只需要引入
JQuery Ajax jQuery
即可。这里只对的使用做简单的介绍。关于的使用
jquery- ajax ajax
请大家注意三点:
: 方式请求最好加上时间戳,以免浏览器缓存对请求造成的影响。
1 get
:如果请求的字符串中含有中文字符,在某些浏览器下是否会出现中文乱码。
2
由于不同工程的编码方式不一致,以及浏览器的多样性,在这里很难提供一种完全解决方案,
对于出现的具体问题,需要具体的解决方案。
: 方式请求参数的值应该通过对应的取值方式获取, 例如系列通过
3 post ( struts1 form
内封装属性,给予、方法。然后在中取值。需要在中
set get action Struts2 action
提供属性与、方法。
set get ).
$.ajax 的用法
形式:([options])
内容:
HTML
测试
<input type="button" id="ddd" name="ddd" value="ajax " />
内容:
JavaScript
<script type="text/javascript">
$('#ddd').click(function(event) {
$.ajax( {
type : "POST",
url : "<%=path%>/",
data : "name=John&location=Boston",
ess : function(msg) {
alert("Data Saved: " + msg);
}
});
});
</script>
内容:
AjaxCheckAction
一:获取参数内容
("name"+("name"));
("location"+("location"));
二:向客户端写内容:
Writer writer = ().getWriter();
3
需要首先获取。其他情况只要获取此对象即可。
//struts2 HttpServletResponse
向客户端写的内容
(" ");
向客户端写的内容即为。
// msg
ess : function(msg) {
alert("Data Saved: " + msg);
}
注:此方法也包含一些其他参数此处不做说明。可参考《中文》。
API
load 的用法
形式:load(url, [data], [callback])
Html 内容:
测试
<input type="button" id="testLoad" name="testLoad" value="load " />
<div id="divResult"></div>
Javascript 内容:
$('#testLoad').click(function(event) {
$("#divResult").load("<%=path%>/aj