AJAX & Coldfusion: Realizando uma atualização no banco de dados e refletindo mudanças sem recarregar
Estou tendo problemas para visualizar a solução que preciso aqui. Eu tenho um menu de seleção no site em que estou trabalhando e o cliente gostaria de poder selecionar uma opção chamada "Criar nova origem", que então teria uma janela JS aberta com um campo em branco para o usuário digite essa nova origem.
Ao enviar este formulário, o banco de dados seria atualizado e o menu de seleção agora apresentaria esse item sem uma atualização completa da página.
O lado do banco de dados está tudo pronto e pronto, assim como 99% do ColdFusion.
Veja um snippet do campo de formulário em questão:
<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>
Aqui está o 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 é uma pergunta muito simples, provavelmente com uma resposta muito simples, eu só tenho pouca exposição ao AJAX.
Como envio um formulário (janela pop-up) e atualizo a lista de seleção sem atualizar completamente a página?