Pure JavaScript Client

Size: px

Start display at page:

Download "Pure JavaScript Client"

Austen Hutchinson
5 years ago
Views:

1 Pure JavaScript Client This is a message-receiving client for Apache ESME that is written entirely in Javascript. This very first cut of a client was created as a proof-ofconcept to show that a very simple client was possible without any dependence on the server-side programming language. Based on the current implementation, it could be embedded in Java, C#, etc. It could run in a variety of environments including SharePoint, SAP Portal, etc. This first version offers: Long-polling Flexible design The client uses XSL transformation to create HTML from the XML that originates from Apache ESME s REST-API. HTML page <script type="text/javascript" language="javascript"> var http_request = false; var xsldoc = false; function getfirstrequest() //Load XSL File xsltest(); http_request = GetXmlHttpObject(); if (!http_request) alert('cannot create XMLHTTP instance'); return false; login(); getmessages (" function login () var url = " var params = "token="+encodeuricomponent("nscpikq0qz0go2pjxmxgtkrl1o"); http_request.open("post", url, false); //Send the proper header information along with the request http_request.setrequestheader("content-type", "application/x-www-formurlencoded"); http_request.setrequestheader("content-length", params.length); http_request.setrequestheader("connection", "close"); http_request.send(params); function getmessages(rest_type) http_request.open('get', rest_type, true); http_request.onreadystatechange = pageupdate;

2 http_request.send(null); function getnextrequest() http_request = GetXmlHttpObject(); if (!http_request) alert('cannot create XMLHTTP instance'); return false; login(); getmessages (" function GetXmlHttpObject() var xmlhttp = null; try // Firefox, Opera 8.0+, Safari xmlhttp = new XMLHttpRequest(); catch(e) // Internet Explorer try xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); catch(e) xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); return xmlhttp; function pageupdate() if (http_request.readystate == 0) document.getelementbyid('resultbox').innerhtml = "Sending Request..."; if (http_request.readystate == 1) document.getelementbyid('resultbox').innerhtml = "Loading Response..."; if (http_request.readystate == 2) document.getelementbyid('resultbox').innerhtml = "Response Loaded..."; if (http_request.readystate == 3) document.getelementbyid('resultbox').innerhtml = "Response Ready...";

3 if (http_request.readystate == 4) //alert(http_request.responsetext); //addtext (http_request.responsetext); loadxml (http_request.responsetext); true); http_request.open('get', " http_request.send(null); getnextrequest(); function addtext (text) var ptag = document.createelement("p"); ptag.setattribute("align","center"); ptag.innerhtml = text; var div = document.getelementbyid("details") div.insertbefore(ptag, div.childnodes[0]); function loadxml (text) try //Internet Explorer xmldoc=new ActiveXObject("Microsoft.XMLDOM"); xmldoc.async="false"; xmldoc.loadxml(text); catch(e) try //Firefox, Mozilla, Opera, etc. parser=new DOMParser(); xmldoc=parser.parsefromstring(text,"text/xml"); catch(e) alert(e.message) try var sresult = xmldoc.documentelement.transformnode(xsldoc); //alert (sresult); addtext (sresult); catch(e) alert(e.message)

4 function xsltest () try //Internet Explorer xsldoc=new ActiveXObject("Microsoft.XMLDOM"); catch(e) try //Firefox, Mozilla, Opera, etc. xsldoc=document.implementation.createdocument("","",null); catch(e) alert(e.message) try xsldoc.async=false; xsldoc.load("d:/temp/esme.xsl"); catch(e) alert(e.message) </script> <body onload="getfirstrequest()"> <div id="resultbox"></div> <div id="details"><p> </p></div> </body> XLS File

5 <?xml version="1.0"?> <xsl:stylesheet version="1.0" xmlns:xsl=" /Transform"> <xsl:output method="html" /> <xsl:template match="author"> <tr> <td> <img> <xsl:attribute name="src"><xsl:value-of /></xsl: attribute> <xsl:attribute name="alt"><xsl:value-of /></xsl: attribute> </img> From: <xsl:value-of /> </td> </tr> <xsl:template match="body"> <tr><td> Message: <xsl:value-of select="."/></td></tr> <xsl:template match="esme_api"> <table> <xsl:apply-templates/> </table> <xsl:template match="/"> <xsl:apply-templates/> </xsl:stylesheet>

ecommerce in OpenEdge 10

1 INNOV-2: Building ecommerce solutions in OpenEdge 10 jrb@bravepoint.com ecommerce in OpenEdge 10 Introductions Senior Product Architect Using Progress since 1987 BravePoint, Inc jrb@bravepoint.com 2