AJAX y Coldfusion: realizar una actualización a la base de datos y reflejar los cambios sin recargar
Estoy teniendo problemas para visualizar la solución que necesito aquí. Tengo un menú de selección en el sitio en el que estoy trabajando y el cliente desea poder seleccionar una opción llamada "Crear nuevo origen", que luego aparecerá una ventana JS con un campo en blanco para que el usuario escriba en ese nuevo origen.
Al enviar este formulario, la base de datos se actualizaría y el menú de selección ahora incluiría este elemento sin una actualización completa de la página.
El lado de la base de datos está configurado y listo para funcionar, al igual que el 99% de Coldfusion.
Aquí hay un fragmento del campo de formulario en cuestión:
<p class="_30NP" align="right">
<label>Origin </label>
</p>
<p class="_20NP">
<cfselect
name="Origin"
id="Origin"
query="Origin"
display="description"
value="code"
required="yes">
<option value="new">New Origin</option>
</cfselect>
</p>
Aquí está el CFQUERY:
<CFQUERY DBTYPE="Query" NAME="Origin">
SELECT Code, [Description]
FROM ZCODES WHERE CODE = 0
UNION ALL
SELECT Code, [Description]
FROM ZCODES
WHERE FieldName = 'Origin'
ORDER BY 1
</CFQUERY>
Esta es una pregunta muy simple con probablemente una respuesta muy simple, solo tengo poca exposición a AJAX.
¿Cómo presento un formulario (ventana emergente) y actualizo la lista de selección sin actualizar completamente la página?