JavaScript学习小结

文章作者 100test 发表时间 2007:03:14 16:35:13
来源 100Test.Com百考试题网


老长时间觉得javascript这东东很没劲,觉得是鸡肋,不过又啥web2.0之类,用了一段时间觉得是翅中了。


1 先看看W3c的标准

2 再看看CSS的教程,主要理解html和布局的关系 到这里down两本书看看 http://www.dspidea.com/book/

3 学习
基本的javascript语法,html基本东东的属性,

4 好了,现在就可以开始学习 prototyp.js了,在读这个以前建议 学习下 http://www.sergiopereira.com/articles/advjs.html

5 把prototype.js这个读个七七八八就差不多能工作了,接下来你就可以研究其它的了 http://script.aculo.us/

好了,现在用的比较多的还是所谓的ajax,虽然不是很喜欢这种编程方式(全部架构用这个写,很累很烦的),但是不用你还是不很爽的。

我是如何用的呢?
1 直接反馈responseText,简单,不过不容易解析

2 那么用xml格式反馈,解析示例:
服务器返回 (如果你用的是.Net, 注意在Reponse.ContentType="text/xml")

1
dddasfd
23

客户端解析
function showWarningMessage(req)
{
var result = req.responseXML.getElementsByTagName(result).
$(hintMessage).innerHTML=result[0].getElementsByTagName(hintMessage)[0].firstChild.nodeValue.
if($(isInviting).value == 23)
$(isInviting).value = result[0].getElementsByTagName(inviteId)[0].firstChild.nodeValue.
}

写下来还不是很爽
3 那么就用json吧,可以到这里读下 http://www.json.org/

服务器端可以生成json格式,可以用NBear带的一个类,当然我推荐用 newtonsoft Json.net
服务器格式:{"Color":2,"Establised":new Date(1264118400000),"Width":1.1,"Employees":999,"RoomsPerFloor":[1,2,3,4,5,6,7,8,9],"Open":false,"Symbol":"@","Mottos":["Hello World","das",null," "],"Cost":100980.1,"Escape":"\r\n\t\f\b?{\\r\\n\"","product":[{"Name":"Rocket","Expiry":new Date(949532490000),"Price":0},{"Name":"Alien","Expiry":new Date(-59011459200000),"Price":0}]}

客户端如下

var jsonObject = eval(( req.responseText )).
alert(color jsonObject.Color).
alert(RoomsFloor jsonObject.RoomsPerFloor[1]).
alert(product second name jsonObject.product[1].Name).


好了,现在就可以自己扩展javascript的类库了。

Enjoy that!


相关文章


SWT:实现自我绘制的Button组件
JavaScript学习小结
SpringSide推荐的JDK5.0feature
澳大利亚华人论坛
考好网
日本华人论坛
华人移民留学论坛
英国华人论坛