Lets take a closer look at Ajax & node
Lets take a closer look at
Ajax & node.js
Claudia Hauff
TI1506: Web and Database Technology
ti1506-ewi@tudelft.nl
At the end of this lecture, you
should be able to ¡
?
Implement client-side code using ¡°plain¡± Ajax
?
Organize node.js code into modules
?
Understand and employ the concept of middleware
?
Employ routing
?
Employ templating
2
Reminder
*
¡ Ajax
* Asynchronous JavaScript and XML
On the client: basic HTML
jQ
ue
ry
wa
y
1
Load the JavaScript
2
files, start with jQuery
3
4
Plain text TODOs
5
9
12
13
14
15
16
My list of TODOS:
17
18
19
20
Define where the TODOs
21
will be added.
22
4
On the client: JavaScript
jQ
ue
ry
wa
y
Callback: define what happens
when a todo object is available
1 var main = function () {
2 "use strict";
3
4 var addTodosToList = function (todos) {
5
var todolist = document.getElementById("todo-list");
6
7
for (var key in todos) {
8
var li = document.createElement("li");
Dynamic insert of list
li.innerHTML = "TODO: ¡°+todos[key].message;
elements 9
into the DOM
10
todolist.appendChild(li);
11
}
12 };
13
14 $.getJSON("todos", addTodosToList);
this is Ajax
15 }
16 $(document).ready(main);
when the document is
loaded, execute main()
5
................
................
In order to avoid copyright disputes, this page is only a partial summary.
To fulfill the demand for quickly locating and searching documents.
It is intelligent file search solution for home and business.
Related searches
- i need to look at sample resumes
- look at your grades online
- how to look at your minecraft screenshots
- how to look at grades
- look at my grades online
- what do appraisers look at during appraisal
- look at yearbooks for free
- how to look at minecraft screenshots
- how to look at screenshots minecraft
- look at homes for sale
- look at the stock market today
- how to look at clipboard