User Guide

246 Developing Web Applications with ColdFusion
<!--- Dump the recordset --->
q.dump(true);
</SCRIPT>
Note To see how CFWDDX Action="cfml2js" works, view the source to the
page.
Transferring Data From Browser to Server
This example serializes form field data, posts it to the server, deserializes it, and
outputs the data. For simplicity, only a small amount of data is collected. In
applications where complex JavaScript data collections are generated, this basic
approach can be extended very effectively.
<!--- Get WDDX JS utility objects --->
<SCRIPT LANGUAGE="JavaScript"
SRC="/CFIDE/scripts/wddx.js"></SCRIPT>
<!--- Add data binding code --->
<SCRIPT>
// Generic serialization to a form field
function serializeData(data, formField)
{
wddxSerializer = new WddxSerializer();
wddxPacket = wddxSerializer.serialize(data);
if (wddxPacket != null)
{
formField.value = wddxPacket;
}
else
{
alert("Couldn’t serialize data");
}
}
// Person info recordset with columns firstName and lastName
var personInfo = new WddxRecordset(new Array("firstName",
"lastName"));
// Add next record to end of personInfo recordset
function doNext()
{
nRows = personInfo.getRowCount();
personInfo.firstName[nRows] =
document.personForm.firstName.value;
personInfo.lastName[nRows] = document.personForm.lastName.value;
document.personForm.firstName.value = "";
document.personForm.lastName.value = "";
}