JavaScript学习小结

2008-02-23 09:13:50来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

老长时间觉得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")
<result>
<isSysUser>1</isSysUser>
<hintMessage>dddasfd</hintMessage>
<inviteId>23</inviteId>
</result>
客户端解析
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!




上一篇: XFire 最新生火指南(上)
下一篇: 幼学琼林--SpringSide推荐的JDK5.0 feature

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:JS脚本defer的作用

下一篇:javascript 利用正则表达式控制 日期的输入