Ajax 板


LINE

※ [本文转录自 Web_Design 看板] 作者: TonyQ (沉默是金) 看板: Web_Design 标题: [闲聊] 老调重弹 , js vs jQuery vs ajax 时间: Mon Apr 13 14:38:14 2009 虽然说在之前的专文已经针对这些东西都有专文讲解了, 不过刚刚在 jQuery tw group 又回了一篇 , 乾脆也拿过来贴. orz 这篇文章的原本回应对象的提问大概描述如下: 有位视觉设计认为 spry 很好用 , 兴起想学 javascript 的念头 , 然後他从 jQuery 的范例学起 , 但是弄不懂 javascript 跟 jQuery的差别. 模糊的认为 ajax 就是 jQuery + javascript , 但是又觉得自己不会 javascript , 手上的书只是工具书 , 碰到眼前的"瓶颈" , 也不太知道怎麽查工具书来渡过难关 . 想想这状况的确是蛮典型会发生在一些觉得对html有一定程度熟悉 , 但是对 javascript 感到恐惧却步不前的人身上. 其实 web design 或 ajax 版常常可以看到这样的状况... 底下是个人的回应─────────────────── 我想就从了解这些事情的本质开始吧 , jQuery 其实跟 javascript 是该划上等号的, 所有jQuery操作所使用的语法都是符合 javascript syntax , 只是透过预先载入一些透过 function / prototype 的包装 , 来使 jQuery 及 jQuery context 变成具有独特介面的物件. 所谓 ajax 强调的是 1.使用者触发某个事件 2.javascript 接收到事件以及所需参数 , 向server 发送资讯 (request). 3.收到伺服器回应的资料 , 并加以处理. 其实只是把form submit 透过 javascript 来进行而已 , 唯一不同的是最後是拿到response透过javascript显示 , 而不像传统的作法是透过 server side(aspx/jsp/php...) 在拼页面. ajax本身并不是一种"语法"(syntax)或"叙述"(statement) , 而是设计上的一种流程而已 , 当然他也延伸出一些特别的设计手法 , 不过那些算进阶应用 ,在此不另赘述. 至於该怎麽对 jQuery 跟 javascript 同时学习 , 我想你应该先了解 javascript 到底在干麻 , (也是jQuery在做什麽事) 尽量不要用 "我只想要解决某某问题 , 但是我觉得自己学不会 js " 的心态 再看这个问题, (万事起头难嘛!) 因为有些问题就算在 javascript 里面也是很棘手难解的 , 不能老是期待能有些 plug-in 能够一次见效 , 药到页除... javascript 很基本的组合成份 , 事件、dom、Timer. 事件大概从网页载入 (onload / ready ) , 物件被点击 (onclick / click ) 到滑鼠事件(onmousemove / mouseove )...等事件 , 作为进行某些处理的"起点". dom 的部份通常就跟一般css 的角色一样 , 按照某些流程去控制一堆元件的显示外观 , 当然偶尔也会碰到改变某些参数或者增加某些元件的状况. timer 比较单纯就是计时的工作 , 比方说网页上即时更新的时间之类的. ------ 话说了很多 , 了解 javascript 到底是被设计来解决什麽样的问题 , 又到底是如何解决这些问题 最是实际, 因为 javascript 并不是为了你的"瓶颈" 量身打造 , 所以还是要先把刀子磨亮 , 知道什麽时候是该用javascript 跟怎麽用 , 或者是至少知道该往哪个方向找资料 , 比单纯就碰到的瓶颈来找资料来得实际多了. --- 关於 javascript vs jQuery 的其他介绍 , 请在版上搜寻 "从 js 到 jQuery" , 有我自认算详尽的介绍. XD --- 好久没写技术文件了 , 只能老调重弹...(超大汗) -- What do you want to have ? / What do you have? 从书本中,你可以发现我的各种兴趣。 从CD中,你可以了解我所喜欢的偶像明星。 或许从文字你很难以了解一个人,但从物品可以。 My PPolis , My past. http://ppolis.tw/user/Tony --



※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 221.169.78.140 -- What do you want to have ? / What do you have? 从书本中,你可以发现我的各种兴趣。 从CD中,你可以了解我所喜欢的偶像明星。 或许从文字你很难以了解一个人,但从物品可以。 My PPolis , My past. http://ppolis.tw/user/Tony --



※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 221.169.78.140
1F:推 jonathanmeow:推东尼Q 我就是由您的文章引进jQuery的 详尽好用~! 04/13 18:57
2F:推 kiki1503:大推~很深入浅出的观念总揽..可以另外介绍一下DOM吗XD 04/15 09:41
3F:→ TonyQ:dom...就只是把html 对应成 document 来操作而已啊:p 04/15 16:14
4F:推 clonn:程式里面写html就是DOM,不过一开始观念很难厘清 04/16 14:57
5F:推 kiki1503:所以DOM到底是JS还是HTML啊@@? 还是document=DOM?? 04/16 20:19
6F:→ TonyQ:是js , 跟document 有关的都算dom的一部分. 04/16 21:28
7F:推 idcomputer:实在受益不少~~每次看您的文章有学到很多,有要出书吗 04/24 11:51
8F:推 joehwang:推啊~~~写的真不赖 05/19 23:33







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:e-shopping站内搜寻

TOP