AJAX i Coldfusion: Przeprowadzanie aktualizacji bazy danych i odzwierciedlanie zmian bez ponownego ładowania

Mam problemy z wizualizacją potrzebnego mi tutaj rozwiązania. Mam menu wyboru na stronie, nad którą pracuję, a klient chciałby mieć możliwość wyboru opcji o nazwie „Utwórz nowe pochodzenie”, która miałaby wtedy okno JS z pustym polem dla użytkownika wpisz to nowe pochodzenie.

Po przesłaniu tego formularza baza danych zostanie zaktualizowana, a menu wyboru będzie teraz zawierało ten element bez całkowitego odświeżenia strony.

Strona bazy danych rzeczy jest skonfigurowana i gotowa do użycia, podobnie jak 99% Coldfusion.

Oto fragment pola formularza, o którym mowa:

<p class="_30NP" align="right">
    <label>Origin&nbsp;</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>

Oto 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>

Jest to bardzo proste pytanie z prawdopodobnie bardzo prostą odpowiedzią, po prostu mam niewielką ekspozycję na AJAX.

Jak przesłać formularz (okno pop-up) i odświeżyć listę wyboru bez całkowitego odświeżania strony?

questionAnswers(2)

yourAnswerToTheQuestion