Exchanging Data via XML
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
var personInfo = new WddxRecordset(new Array("firstName",
"lastName"));
// Add next record
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 = "";
}
</script>
<!--- Data collection form --->
<form action="wddx_browser_2_server.cfm" method="post"
name="personForm">
<!--- Input fields --->
Personal information<p>
First name: <input type=text name=firstName><br>
75