通过这个现有的类库可以给开发者提供许多现有的功能函数。
1.使用$()方法
相当于JS中的DOM操作的document.getElementById()
返回参数传入的ID的那个元素的。与JS中的又不一样可以返回多个ID作为参数然后$返回一个带有所有要求的元素的一个Array对象。
比如一个例子如下:
This is First
This is Second
2.使用$F()函数
它能用于返回任何表单输入控件的值。比如text,box,drop-down list 也能用元素ID或元素本身做为参数。
哦原来如此
这个函数相当于document.getElementById("").value了
var a = $F('myDiv'); //可以提取出来这个ID表单元素的值了!
alert(a)
3.使用$A()
能把它接收到的单个的参数换成一个Array对象
结合本类库扩展了的Array类。能方便的把任何的可枚举列表转换成或拷贝到一个Array对象,一个好的方法可以把DOM Node Lists 转换成一个变通 的Array对象,从页可以更好地进行遍历操作了!
请看如下的例子程序:
将一个List对象变化成一个Array对象了!
4.$H() 函数
把一些对象转换成一个可枚举的和联合数组类似的Hash对象。
构造了一个名值对象类型的 a = 12
名值对象。通过$H可以将其转换成一个可枚举和联合类型的HASH对象了!
5.使用$R()
可以弹出10,11,12,13,14,15,16,17,18,19,20
这十个数字出来的哦!
6.使用Try.these()函数
这个方法使得实现当你想调用不同的方法直到其中的一个成功正常的这种需求变得非常容易,他把一系列的方法作为参数并且按照顺序的一个一个的执行这些方法直到其中一个成功执行,返回成功执行的那个方法的返回值。
function getXmlNodeValue(xmlNode){
return Try.these(
function(){
return xmlNode.text;
},
function(){
return xmlNode.textContent;
}
)
}
这里的话有两个函数xmlNode.text在一些浏览器中好用xmlNode.textContent在另一些浏览器中好用。通过使用Try.thest()就可以正常使用了。这个就是一个解决不同浏览器之间的不兼容性问题了!
在这个函数中封装好两个可能性的函数出来的!
开始研究一下AJAX对象
AJAX对象是一个预定义对象,这个对象包含了一系列封装的AJAX逻辑的类。
使用Ajax.Request类
通过一个URL可以到服务器端去获取到XML数据文件回来的!
看看通过这个东西来写AJAX的方法比较简单的哦哈哈
function searchSales(){
var empID = $F('lstEmployees');//得到表单元素值
var y = $F('lstYears');
var url = '';
var pas = 'empID='+empID+'&year='+y;//发送主体
var myAjax = new Ajax.Request( //构造对象
url,{ //对象
method:'get',
parameters:pas,
onComplete:showResponse
}
);
}
function showResponse(originalRequest){ //处理响应方法
$('result').value = originalRequest.responseText;
}
//完全不用再像以前那样来写了哦!相当地简单哦哈哈
原来框架就是让东西更加简单!
第二个对象:Ajax.Updater 类
如果服务器端返回的是HTML了那通过这个类可以处理更加简单的!
只需提供一个元素需要被 AJAX请求返回的HTML填充就可以了。
9
阅读(852) | 评论(0) | 转发(0) |