老长时间觉得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!