Building an App with jQuery and JAXER

Building an App with
jQuery & Jaxer

Javascript to do it all...

Don Albrecht
dalbrecht@getcollc.com

How It Works

Don Albrecht

What is Jaxer

Jaxer Core Jaxer Framework
● ●

Server-side browser JS based
● ●

environment Marshalling
●
(Spider-Monkey)
Access to server
●
Useful Server
●
libraries.
Extensions

Don Albrecht

Why Jaxer

Improve perceived performance by migrating
●

some progressive enhancement to the server
Prevent replication of code between front end
●

and back end.
Mash ups
●

Aspects
●

Don Albrecht

Running Code

Normal Markup passes through un-executed.
●

Add the runat=”” attribute to script tags.
●

runat=”server” : server only
–

runat=”both” : code available on both client and
–
server.

Don Albrecht

Proxy

Server side functions can be proxied to the
●

client side.
Function x() {} x.proxy=true;
●

When x is called on the client, a synchronous
●

call is made to the server where x is
executed and it's response is returned as
json.

Don Albrecht

Setting Up The Database

<script runat=”server” type=”text/javascript”>
var sql = quot;CREATE TABLE IF NOT EXISTS users quot;+
quot;(user_id INTEGER NOT NULLquot; +
quot;, username VARCHAR(45)quot; +
quot;, password VARCHAR(45)quot; +
quot;); quot;;
Jaxer.DB.execute(sql);
</script>

Don Albrecht

Registering A User

<script src=quot;lib/md5.jsquot; type=quot;text/javascriptquot; runat=quot;serverquot;></script>

<script src=quot;lib/jquery/jquery-1.3.2.min.jsquot; type=quot;text/javascriptquot; runat=quot;bothquot;></script>

<script type=”text/javascript” runat=”server”>

function createLogin( username, password){

var passhash = hex_md5( password );

var userId = createId();

var resultset = Jaxer.DB.execute(quot;Insert Into users (user_id, username, password) VALUES( ?, ?, ? );quot; ,
[createId(), username, passhash]);

return userId;

}

createLogin.proxy = true;

</script>

Don Albrecht

Code....

Don Albrecht

Code & Slides Available At:

AjaxBestiary.com

Don Albrecht

Building an App with jQuery and JAXER

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Andere mochten auch

Andere mochten auch (6)

Ähnlich wie Building an App with jQuery and JAXER

Ähnlich wie Building an App with jQuery and JAXER (20)

Mehr von Brian Moschel

Mehr von Brian Moschel (6)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Building an App with jQuery and JAXER