public String method(String id){
XXXLogic logic = new XXXLogic ();
try {
XXList list = logic.getList(id);
return list.toJSONString();
} catch (Exception e) {
e.printStackTrace();
}
return null;
}
在jsp面中适当地方Q通过dwr调用后天java文gQƈ对返回json对象做适当处理卛_?/p>
XXXXListener.method(result.id+ "",{
callback : function(data) {
if (data) {
var json = window.eval(data);
DWRUtil.removeAllOptions(下拉框的对象);
json.splice(0,0,{departmentid:'',departmentname:'-------请选择------'});
DWRUtil.addOptions('dept2',json,'departmentid','departmentname');
}
}
});
]]>
要用dwr要先下蝲http://getahead.org/dwr/
在来看看JavaScript调用javacȝҎ 下来看下javacM的方法?/p>
]]>
]]>
jQueryq国hJohn Resig创徏Q至今已吸引了来自世界各地的众多javascript高手加入其teamQ包括来自d国的Jörn ZaeffererQ罗马尼亚的Stefan Petre{等?br />
jQuery是prototype之后又一个优U的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更的代码,做更多的事情?br />
它是轻量U的js?压羃后只?1k) Q这是其它的js库所不及的，它兼容CSS3Q还兼容各种览?QIE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+Q?br />
jQuery是一个快速的Q简z的javaScript库，使用戯更方便地处理HTML documents、events、实现动L果，q且方便Cؓ|站提供AJAX交互?br />
jQueryq有一个比较大的优势是Q它的文档说明很全，而且各种应用也说得很详细Q同时还有许多成熟的插g可供选择?br />
jQuery能够使用Lhtml保持代码和html内容分离Q也是_不用再在html里面插入一堆js来调用命令了Q只需定义id卛_?br />
Jquery是prototype之后又一个优U的Javascrīpt框架。对
prototype我用不多，单了解过。但使用上jquery之后Q马上被她的优雅吸引住了。有Z用这L一比喻来比较prototype?
jqueryQprototype像JavaQ而jquery像ruby.实际上我比较喜欢javaQ少接触Ruby
|了Q但是jquery的简单的实用的确有相当大的吸引力啊！在项目里我把jquery作ؓ自己唯一的框架类包。用其间也有一点点心得Q其实这些心得，
在jquery的文档上面也可能有讲Q不q还是记下来Q以备忘|?
[~辑本段]
一Q找C了！
q记?()q个东西吧？无论prototypeq是DWR都用了q个函数代替document.getElementById()。没错，jquery也跟风了。ؓ辑ֈdocument.getElementById()的目的，jquery是这样写的： 代码
var someElement = $("#myId");
看v来比其他两个框架的要多了一?Q好Q看看下面的用法Q?
代码
$("div p"); // (1)
$("div.container"); // (2)
$("div #msg"); // (3)
$("table a",context); // (4)
在prototype里看q这L写法吗？W一行代码得到所有标{下的P元素。第二行代码得到class 为container的元?W三行代码得到标{下面id为msg的元素。第四行代码得到contextZ下文的table里面所有的q接元素?
如果你熟悉CSSQ你会觉得这些写法很眼熟Q对了。正是。看出奥妙了吧。jquery是通过q样的方式来扑ֈDom对象里面的元素。跟CSS的选择器相cM?
[~辑本段]
二，Jquery对象Q?/h2>
jquery提供了很多便利的函数Q如each(fn)Q但是用这些函数的前提是：你用的对象是Jquery对象。一个Dom对象成ؓ一个Jquery对象很简单，通过下面一些方式（只是一部分Q：
代码
var a = $("#cid");
var b = $("hello");
var c = document.createElement("table");
var tb = $©;
[~辑本段]
三，代替body标签的onload
q个惯例Q也许是除了$()之外Q用得最多的地方了。下面一D代码：
代码
$(document).ready(function(){
alert("hello");
});(1)
<body onload="alert('hello');">Q?Q?
上面两段代码是等L。但代码1的好处是做到表现和逻辑分离。ƈ且可以在不同的js文g中做?
同的操作Q即$(document).ready
(fn)可以在一个页面中重复出现Q而不会冲H。基本上Jqeury的很多plugin都是利用q个Ҏ，正因个特性，多个plugin共同使用?
来，在初始化时不会发生冲H?
不管怎么_q个惯例可以分离javascrīpt与HTML。推荐用?
[~辑本段]
四，事g机制
我大量用的事g可能是button的onclick了。以前习惯在input 元素上写onclick =
"fn()",使用jquery可以使javascrīpt代码与html代码分离Q保持HTML的清z，q可以很L地绑定事Ӟ甚至你可以不知道“?
?#8221;q个名词?
代码
$(document).ready(function(){
$("#clear").click(function(){
alert("i am about to clear the table");
});
$("form[0]").submit(validate);
});
function validate(){
//do some form validation
}
[~辑本段]
五，同一函数实现set
代码
$("#msg").html();
$("#msg").html("hello");
上面两行代码Q调用了同样的函数。但l果却差别很大?
W一行是q回指定元素的HTML|W二行则是将helloq串字符讄到指定元素中。jquery的函数大部分有这LҎ?
[~辑本段]
六，ajax
q是一个ajax横行的时代。多hQ了不了解ajax的都跟着用上一把。呵。用jquery实现ajax同样单异?
代码
$.get("search.do",{id:1},rend);
function rend(xml){
alert(xml);
} (1)
$.post("search.do",{id:1},rend);
function rend(xml){
alert(xml);
} (2)
$("#msg").ajaxStart(function(){
this.html("正在加蝲。。。?);
});(3)
$("#msg").ajaxSuccess(function(){
this.html("加蝲完成Q?);
});(4)
q些都是较常用的ҎQget和post用法一栗第一个参数是异步h的urlQ第二个为参敎ͼW三个回调方法?
3Q?的方法会在指定的Dom对象上绑定响应ajax执行的事件。当Ӟjquery的AJAX相关的函C仅是q些Q有兴趣可以ȝI再多?
[~辑本段]
七，渐入淡出
代码
$("#msg").show("fast");
$("#msg").hide("slow");
没错Q上面两行代码已l分别实C一个id为Msg的jquery对象的渐入和淡出。做一个像Gmail一L动态加载通知条，用jquery那么简单。两个函数接受的参数除了快慢{，q可以接收整型，作ؓ渐入或E出的完成旉Q单位ؓMS?
[~辑本段]
八，plugin
q也是一个插件的时代?
jquery插gl我的感觉清一色的清洁Q简单。如JtipQ要使用它的功能Q只需要在你的元素的class上加上Jtip,q引入jtip.js及其样式卛_以了。其他事情插件全包。我喜欢jquery的一个重要原因是发现她已l有了很多很好，很精彩的插g?
写得很烂。可能大家看不出jquery的好处。嗯Q光听是没用的，试用一下吧。你会发觉很有趣?
暂时告一D落吧。待有新的发现再来分享?
加一些Jquery的资源：
http://www.visualjquery.com/index.xml 很好的API查询站点
http://jquery.com/demo/thickbox/ 知道lightBox吧，看看Jquery是怎样实现相同的东?
http://jquery.org.cn/visual/cn/index.xml //不错的JQUERY 中文学习 推荐
jquery来源
jQueryq国hJohn Resig创徏Q至今已吸引了来自世界各地的众多javascript高手加入其teamQ包括来自d国的Jörn ZaeffererQ罗马尼亚的Stefan Petre{等?
jQuery是prototype之后又一个优U的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更的代码,做更多的事情?
它是轻量U的js?压羃后只?1k) Q这是其它的js库所不及的，它兼容CSS3Q还兼容各种览?QIE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+Q?
jQuery是一个快速的Q简z的javaScript库，使用戯更方便地处理HTML documents、events、实现动L果，q且方便Cؓ|站提供AJAX交互?
jQueryq有一个比较大的优势是Q它的文档说明很全，而且各种应用也说得很详细Q同时还有许多成熟的插g可供选择?
jQuery能够使用Lhtml保持代码和html内容分离Q也是_不用再在html里面插入一堆js来调用命令了Q只需定义id卛_?
jQuery的最新release版本?.2.6?br />
官方下蝲地址为：http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js
微Y的visual studio 2008 sp1支持对jquery的动态提C，只要在代码页导入对应的vsdoc脚本可以?br />
目前为止QjQuery的最新版本ؓ1.3.2
]]>
[~辑本段]
三，代替body标签的onload[~辑本段]
四，事g机制[~辑本段]
五，同一函数实现set[~辑本段]
六，ajax[~辑本段]
七，渐入淡出[~辑本段]
八，pluginvar store = new Ext.data.Store({
proxy:new Ext.data.ScriptTagProxy({url:'/xxx/xx.action'}),
reader:new Ext.data.JsonReader({
totalProperty:'results',
root:'template',
id:'id'
},Ext.data.Record.create([
{name:'templateid',mapping:'id',type:'int'},
{name:'templatename',mapping:'name'},
{name:'templateuser',mapping:'user'}
]))
});
store.load({params:{start:0, limit:10}});
Ҏ: Store( Object config ) 构? config定义?.. { autoLoad : Boolean/Object, //自动载入
baseParams : Object, //只有使用httpproxy时才有意?nbsp;
data : Array, //数据
proxy : Ext.data.DataProxy,//数据代理
pruneModifiedRecords : boolean,//清除修改信息 reader : Ext.data.Reader, //数据d?
remoteSort : boolean, //q程排序?
sortInfo : Object, //{field: "fieldName", direction: "ASC|DESC"}q样的排序对?
url : String, //利用url构造HttpProxy
}
你可以得C个store 的长度：
store.data.items.length
你也可以得到store 中的某个值日?
Ҏ?store.data.item(i).name //name 是字D名U?br />
]]>