Ajax 101 in ColdFusion 7

1. Implementing Ajax in CF7 Basic and Intermediate Level using JavaScript, JSON and ColdFusion 7 Harbinger Systems Pranav Prakash (pranav@HarbingerGroup.com)

8. AJAX in two slides … #1 Harbinger Systems

9. AJAX in two slides … #2 Harbinger Systems

12. Creating XMLHttpRequest // create ajaxObject supports all browser with XMLHttpRequest Support ajaxObject = function() { try{ // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); } catch (e){ // Internet Explorer try{ xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e){ try{ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } catch (e){ alert("Your browser does not support AJAX!"); return false; } } } return xmlHttp; } ajax = new ajaxObject(); Harbinger Systems

19. Checking the state of request … if (httpRequest.readyState == 4) { // everything is good, the response is received } else { // still not ready } Harbinger Systems

21. Checking the server response code if (httpRequest.readyState == 4) { if (httpRequest.status == 200) { // perfect! } else { // there was a problem with the request, // maybe a 404 or 500 // show user friendly message } } Harbinger Systems

27. Example JSON { "Unassigned_Instructors": [ {"name":"Chavan swapnil","id":133693}, {"name":"Instructor Default","id" :4}, {"name":"prakash Pranav","id":133699}, {"name":"s m","id":133700} ], "Unassigned_Equipment":[ {"name" :"equipment 1","id":3} ], "Classrooms": [ {"capacity":25,"name":"Test Classroom","id":1}, {"capacity":50,"name" :"test classroom (50)","id":2}, {"capacity":2,"name":"Test class","id":3}, {"capacity":15,"name":"Dev Classroom 1","id":6} ], "Assigned_Equipment":[], "Assigned_Instructors":[] } Harbinger Systems

31. Creating JSON in ColdFusion… <cfquery name=“instructors” datasource=“#application.LMSDSN#”> <!---// find out instructors ---• </cfquery> <cfset ResultStruct = StructNew() > <cfset ResultStruct[&quot;Assigned_Instructors&quot;] = structnew() > <cfloop from=&quot;1&quot; to =&quot;#instructors2.recordcount#&quot; index=&quot;i&quot;> <cfset ResultStruct.unassigned_Instructors[i][&quot;id&quot;] = #instructors2.userid[i]# > <cfset ResultStruct.unassigned_Instructors[i][&quot;name&quot;] = #instructors2.lastname[i]# & ' ' & #instructors2.firstname[i]# > </cfloop> <cfinvoke component=&quot;JSON&quot; method=&quot;encode&quot; data=&quot;#ResultStruct#&quot; returnvariable=&quot;result&quot; /> Harbinger Systems

38. That’s all from my side Thanks … Harbinger Systems