JavaScript &

Introduction to AJAX

2006.05.11 cooldavid@cdpa.nsysu.edu.tw
Introduction to JavaScript
 The most popular scripting language used
in Web pages.
 Most web browser support it.
 But….
 The function support and object definition
differ between browsers and versions.
 It’s not JAVA.
Introduction to JavaScript
 Where to write it:
 In the HTML
 <script type="text/javascript" > … </script>
 Or include it
 <script type="text/javascript" src=“a.js"></script>
 At some web object’s action
 <tag onclick=‘…’ onfocus=‘…’ onchange=‘…’>
Introduction to JavaScript
 Hello World!
 Alert(“Hello world!!”);

 Debug friend
 Alert(“Debug message.”);
 Mark part of code you think might have proble
m.
Why do we need JavaScript?
 DHTML
 Dynamically update the web page.
Without reload the hole page.
 Data validation
 Check user input data before sending.
 Do some work at client side
 Some web based tool even application.
The reference documents
 Netscape
 http://wp.netscape.com/eng/mozilla/3.0/handbook/jav
ascript/
 Resources listed by mozilla (ECMA)
 http://www.mozilla.org/js/language/
 MSDN (JScript)
 http://msdn.microsoft.com/library/default.asp?url=/libr
ary/en-us/script56/html/b7a0a54e-dfaa-4e41-bf25-bca
a43e601fb.asp
What’s AJAX?
 Asynchronous JavaScript And XML
 How it works?
 Using XHTML(HTML), CSS, for marking up and stylin
g information.
 DOM?
 Special Object:
 Mozilla: XMLHttpReques
 IE: ActiveXObject("Microsoft.XMLHTTP")
 XML?