application.js

几个运用了DWR框架编写的AJAX代码,

dispatch:function(callback,request,transport,json){
this.each(function(responder){
if(Object.isFunction(responder[callback])){
try{
responder[callback].apply(responder,[request,transport,json]);
}catch(e){}
}
});
}
};
Object.extend(Ajax.Responders,Enumerable);
Ajax.Responders.register({
onCreate:function(){Ajax.activeRequestCount++},
onComplete:function(){Ajax.activeRequestCount--}
});
Ajax.Base=Class.create({
initialize:function(options){
this.options={
method:'post',
asynchronous:true,
contentType:'application/x-www-form-urlencoded',
encoding:'UTF-8',
parameters:'',
evalJSON:true,
evalJS:true
};
Object.extend(this.options,options||{});
this.options.method=this.options.method.toLowerCase();
if(Object.isString(this.options.parameters))
this.options.parameters=this.options.parameters.toQueryParams();
}
});
Ajax.Request=Class.create(Ajax.Base,{
_complete:false,
initialize:function($super,url,options){
$super(options);
this.transport=Ajax.getTransport();
this.request(url);
},
request:function(url){
this.url=url;
this.method=this.options.method;
var params=Object.clone(this.options.parameters);
if(!['get','post'].include(this.method)){
params['_method']=this.method;
this.method='post';
}
this.parameters=params;
if(params=Object.toQueryString(params)){
if(this.method=='get')
this.url+=(this.url.include('?')?'&':'?')+params;
else if(/Konqueror|Safari|KHTML/.test(navigator.userAgent))
params+='&_=';
}
try{
var response=new Ajax.Response(this);
if(this.options.onCreate)this.options.onCreate(response);
Ajax.Responders.dispatch('onCreate',this,response);
this.transport.open(this.method.toUpperCase(),this.url,
this.options.asynchronous);
if(this.options.asynchronous)this.respondToReadyState.bind(this).defer(1);
this.transport.onreadystatechange=this.onStateChange.bind(this);
this.setRequestHeaders();
this.body=this.method=='post'?(this.options.postBody||params):null;
this.transport.send(this.body);
if(!this.options.asynchronous&&this.transport.overrideMimeType)
this.onStateChange();
}
catch(e){
this.dispatchException(e);
}
},
onStateChange:function(){
var readyState=this.transport.readyState;
if(readyState>1&&!((readyState==4)&&this._complete))
this.respondToReadyState(this.transport.readyState);
},
setRequestHeaders:function(){
var headers={
'X-Requested-With':'XMLHttpRequest',
'X-Prototype-Version':Prototype.Version,
'Accept':'text/javascript, text/html, application/xml, text/xml, */*'
};
if(this.method=='post'){
headers['Content-type']=this.options.contentType+
(this.options.encoding?'; charset='+this.options.encoding:'');
if(this.transport.overrideMimeType&&
(navigator.userAgent.match(/Gecko\/(\d{4})/)||[0,2005])[1]<2005)
headers['Connection']='close';
}
if(typeof this.options.requestHeaders=='object'){
var extras=this.options.requestHeaders;
if(Object.isFunction(extras.push))
for(var i=0,length=extras.length;i<length;i+=2)
headers[extras[i]]=extras[i+1];
else
$H(extras).each(function(pair){headers[pair.key]=pair.value});
}
for(var name in headers)
this.transport.setRequestHeader(name,headers[name]);
},
success:function(){
var status=this.getStatus();
return!status||(status>=200&&status<300);
},
getStatus:function(){
try{
return this.transport.status||0;
}catch(e){return 0}
},
respondToReadyState:function(readyState){
var state=Ajax.Request.Events[readyState],response=new Ajax.Response(this);
if(state=='Complete'){
try{
this._complete=true;
(this.options['on'+response.status]
||this.options['on'+(this.success()?'Success':'Failure')]
||Prototype.emptyFunction)(response,response.headerJSON);
}catch(e){
this.dispatchException(e);
}
var contentType=response.getHeader('Content-type');
if(this.options.evalJS=='force'
||(this.options.evalJS&&contentType
&&contentType.match(/^\s*(text|application)\/(x-)?(java|ecma)script(;.*)?\s*$/i)))
this.evalResponse();
}
try{
(this.options['on'+state]||Prototype.emptyFunction)(response,response.headerJSON);
Ajax.Responders.dispatch('on'+state,this,response,response.headerJSON);
}catch(e){
this.dispatchException(e);
}
if(state=='Complete'){
this.transport.onreadystatechange=Prototype.emptyFunction;
}
},
getHeader:function(name){
try{
return this.transport.getResponseHeader(name);
}catch(e){return null}
},
evalResponse:function(){
try{
return eval((this.transport.responseText||'').unfilterJSON());
}catch(e){
this.dispatchException(e);
}
},
dispatchException:function(exception){
(this.options.onException||Prototype.emptyFunction)(this,exception);
Ajax.Responders.dispatch('onException',this,exception);
}
});
Ajax.Request.Events=
['Uninitialized','Loading','Loaded','Interactive','Complete'];
Ajax.Response=Class.create({
initialize:function(request){
this.request=request;
var transport=this.transport=request.transport,
readyState=this.readyState=transport.readyState;
if((readyState>2&&!Prototype.Browser.IE)||readyState==4){
this.status=this.getStatus();
this.statusText=this.getStatusText();
this.responseText=String.interpret(transport.responseText);
this.headerJSON=this._getHeaderJSON();
}
if(readyState==4){
var xml=transport.responseXML;
this.responseXML=xml===undefined?null:xml;
this.responseJSON=this._getResponseJSON();
}
},
status:0,
statusText:'',
getStatus:Ajax.Request.prototype.getStatus,
getStatusText:function(){
try{
return this.transport.statusText||'';
}catch(e){return''}
},
getHeader:Ajax.Request.prototype.getHeader,
getAllHeaders:function(){
try{
return this.getAllResponseHeaders();
}catch(e){return null}
},
getResponseHeader:function(name){
return this.transport.getResponseHeader(name);
},
getAllResponseHeaders:function(){
return this.transport.getAllResponseHeaders();
},
_getHeaderJSON:function(){
var json=this.getHeader('X-JSON');
if(!json)return null;
json=decodeURIComponent(escape(json));
try{
return json.evalJSON(this.request.options.sanitizeJSON);
}catch(e){
this.request.dispatchException(e);
}
},
_getResponseJSON:function(){
var options=this.request.options;
if(!options.evalJSON||(options.evalJSON!='force'&&
!(this.getHeader('Content-type')||'').include('application/json')))
return null;
try{
return this.transport.responseText.evalJSON(options.sanitizeJSON);
}catch(e){
this.request.dispatchException(e);
}
}
});
Ajax.Updater=Class.create(Ajax.Request,{
initialize:function($super,container,url,options){
this.container={
success:(container.success||container),
failure:(container.failure||(container.success?null:container))
};
options=options||{};
var onComplete=options.onComplete;
options.onComplete=(function(response,param){
this.updateContent(response.responseText);
if(Object.isFunction(onComplete))onComplete(response,param);
}).bind(this);
$super(url,options);
},
updateContent:function(responseText){
var receiver=this.container[this.success()?'success':'failure'],
options=this.options;
if(!options.evalScripts)responseText=responseText.stripScripts();
if(receiver=$(receiver)){
if(options.insertion){
if(Object.isString(options.insertion)){
var insertion={};insertion[options.insertion]=responseText;
receiver.insert(insertion);
}
else options.insertion(receiver,responseText);
}
else receiver.update(responseText);
}
if(this.success()){
if(this.onComplete)this.onComplete.bind(this).defer();
}
}
});
Ajax.PeriodicalUpdater=Class.create(Ajax.Base,{
initialize:function($super,container,url,options){
$super(options);
this.onComplete=this.options.onComplete;
this.frequency=(this.options.frequency||2);
this.decay=(this.options.decay||1);
this.updater={};
this.container=container;
this.url=url;
this.start();
},
start:function(){
this.options.onComplete=this.updateComplete.bind(this);
this.onTimerEvent();
},
stop:function(){
this.updater.options.onComplete=undefined;
clearTimeout(this.timer);
(this.onComplete||Prototype.emptyFunction).apply(this,arguments);
},
updateComplete:function(response){
if(this.options.decay){
this.decay=(response.responseText==this.lastText?
this.decay*this.options.decay:1);
this.lastText=response.responseText;
}
this.timer=this.onTimerEvent.bind(this).delay(this.decay*this.frequency);
},
onTimerEvent:function(){
this.updater=new Ajax.Updater(this.container,this.url,this.options);
}
});
function $(element){
if(arguments.length>1){
for(var i=0,elements=[],length=arguments.length;i<length;i++)
elements.push($(arguments[i]));
return elements;
}
if(Object.isString(element))
element=document.getElementById(element);
return Element.extend(element);
}
if(Prototype.BrowserFeatures.XPath){
document._getElementsByXPath=function(expression,parentElement){
var results=[];
var query=document.evaluate(expression,$(parentElement)||document,
null,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,null);
for(var i=0,length=query.snapshotLength;i<length;i++)
results.push(Element.extend(query.snapshotItem(i)));
return results;
};
}
if(!window.Node)var Node={};
if(!Node.ELEMENT_NODE){
Object.extend(Node,{
ELEMENT_NODE:1,
ATTRIBUTE_NODE:2,
TEXT_NODE:3,
CDATA_SECTION_NODE:4,
ENTITY_REFERENCE_NODE:5,
ENTITY_NODE:6,
PROCESSING_INSTRUCTION_NODE:7,
COMMENT_NODE:8,
DOCUMENT_NODE:9,
DOCUMENT_TYPE_NODE:10,
DOCUMENT_FRAGMENT_NODE:11,
NOTATION_NODE:12
});
}
(function(){
var element=this.Element;
this.Element=function(tagName,attributes){
attributes=attributes||{};
tagName=tagName.toLowerCase();
var cache=Element.cache;
if(Prototype.Browser.IE&&attributes.name){
tagName='<'+tagName+' name="'+attributes.name+'">';
delete attributes.name;
return Element.writeAttribute(document.createElement(tagName),attributes);
}
if(!cache[tagName])cache[tagName]=Element.extend(document.createElement(tagName));
return Element.writeAttribute(cache[tagName].cloneNode(false),attributes);
};
Object.extend(this.Element,element||{});
}).call(window);
Element.cache={};
Element.Methods={
visible:function(element){
return $(element).style.display!='none';
},
toggle:function(element){
element=$(element);
Element[Element.visible(element)?'hide':'show'](element);
return element;
},
hide:function(element){
$(element).style.display='none';
return element;
},
show:function(element){
$(element).style.display='';
return element;
},
remove:function(element){
element=$(element);
element.parentNode.removeChild(element);
return element;
},
update:function(element,content){
element=$(element);
if(content&&content.toElement)content=content.toElement();
if(Object.isElement(content))return element.update().insert(content);
content=Object.toHTML(content);
element.innerHTML=content.stripScripts();
content.evalScripts.bind(content).defer();
return element;
},
replace:function(element,content){
element=$(element);
if(content&&content.toElement)content=content.toElement();
else if(!Object.isElement(content)){
content=Object.toHTML(content);
var range=element.ownerDocument.createRange();
range.selectNode(element);
content.evalScripts.bind(content).defer();
content=range.createContextualFragment(content.stripScripts());
}
element.parentNode.replaceChild(content,element);
return element;
},
insert:function(element,insertions){
element=$(element);
if(Object.isString(insertions)||Object.isNumber(insertions)||
Object.isElement(insertions)||(insertions&&(insertions.toElement||insertions.toHTML)))
insertions={bottom:insertions};
var content,t,range;
for(position in insertions){
content=insertions[position];
position=position.toLowerCase();
t=Element._insertionTranslations[position];
if(content&&content.toElement)content=content.toElement();
if(Object.isElement(content)){
t.insert(element,content);
continue;
}
content=Object.toHTML(content);
range=element.ownerDocument.createRange();
t.initializeRange(element,range);
t.insert(element,range.createContextualFragment(content.stripScripts()));
content.evalScripts.bind(content).defer();
}
return element;
},
wrap:function(element,wrapper,attributes){
element=$(element);
if(Object.isElement(wrapper))
$(wrapper).writeAttribute(attributes||{});
else if(Object.isString(wrapper))wrapper=new Element(wrapper,attributes);
else wrapper=new Element('div',wrapper);
if(element.parentNode)
element.parentNode.replaceChild(wrapper,element);
wrapper.appendChild(element);
return wrapper;
},
inspect:function(element){
element=$(element);
var result='<'+element.tagName.toLowerCase();
$H({'id':'id','className':'class'}).each(function(pair){
var property=pair.first(),attribute=pair.last();
var value=(element[property]||'').toString();
if(value)result+=' '+attribute+'='+value.inspect(true);
});
return result+'>';
},
recursivelyCollect:function(element,property){
element=$(element);
var elements=[];
while(element=element[property])
if(element.nodeType==1)
elements.push(Element.extend(element));
return elements;
},
ancestors:function(element){
return $(element).recursivelyCollect('parentNode');
},
descendants:function(element){
return $A($(element).getElementsByTagName('*')).each(Element.extend);
},
firstDescendant:function(element){
element=$(element).firstChild;
while(element&&element.nodeType!=1)element=element.nextSibling;
return $(element);
},
immediateDescendants:function(element){
if(!(element=$(element).firstChild))return[];
while(element&&element.nodeType!=1)element=element.nextSibling;
if(element)return[element].concat($(element).nextSiblings());
return[];
},
previousSiblings:function(element){
return $(element).recursivelyCollect('previousSibling');
},
nextSiblings:function(element){
return $(element).recursivelyCollect('nextSibling');
},
siblings:function(element){
element=$(element);
return element.previousSiblings().reverse().concat(element.nextSiblings());
},
match:function(element,selector){
if(Object.isString(selector))
selector=new Selector(selector);
return selector.match($(element));
},
up:function(element,expression,index){
element=$(element);
if(arguments.length==1)return $(element.parentNode);
var ancestors=element.ancestors();
return expression?Selector.findElement(ancestors,expression,index):
ancestors[index||0];
},
down:function(element,expression,index){
element=$(element);
if(arguments.length==1)return element.firstDescendant();
var descendants=element.descendants();
return expression?Selector.findElement(descendants,expression,index):
descendants[index||0];
},