1

ここで必要なソリューションを視覚化するのに問題があります。私が取り組んでいるサイトに選択メニューがあり、クライアントは「Create New Origin」というオプションを選択できるようにしたいと考えています。これにより、ユーザーが空白のフィールドを持つ JS ウィンドウがポップアップ表示されます。その新しい原点を入力します。

このフォームを送信すると、データベースが更新され、ページ全体を更新することなく、選択メニューにこの項目が表示されます。

Coldfusion の 99% と同様に、データベース側はすべてセットアップされ、準備ができています。

問題のフォーム フィールドのスニペットを次に示します。

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

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>

これは非常に単純な質問で、おそらく非常に単純な答えです。私は AJAX にほとんど触れていません。

フォーム (ポップアップ ウィンドウ) を送信し、ページを完全に更新せずに選択リストを更新するにはどうすればよいですか?

4

2 に答える 2

1

私はあなたのajaxを処理するためにjQueryのようなjavascriptライブラリを使用します。

ボタンがクリックされたら、$。get()、 $。post( 、または$ .ajax()を使用してサーバーと通信します。それぞれが応答を提供します。応答の種類はあなた次第です。JSONを返して解析することも、ストレートHTMLを返すこともできます。すばやく簡単にhtmlを返すだけかもしれません。

<cfoutput query = "...">
    <option value = "...">...</option>
</cfoutput>

結果が得られたら、$。html()を使用してオプションを更新しselect'sます。

于 2013-03-04T19:11:12.437 に答える
0

マイケル、私は個人的に完全な jQuery ajax ソリューションが嫌いです。私は CFAJAXPROXY がとても気に入っています。デメリットもあると聞きますが、私は見つけられませんでした。

あなたの質問は、stackexchange.com サイトの別の質問とよく似ています。ここで良い情報を得ることができると思います。

https://softwareengineering.stackexchange.com/questions/133759/where-can-i-find-a-simple-jquery-ajax-coldfusion-tutorial

于 2013-03-04T19:22:50.827 に答える