0

JQuery と Web 開発は初めてです。動的 Web アプリケーションを開発しています。フロントエンドでhtmlとJQueryを使用し、サーブレットを介してサーバー側と通信しています。質問がデータベースから取得され、単一の html ファイルに挿入される、多くの質問ページを作成します。したがって、各ページには、動的に作成される 1 つの質問が含まれます。ラジオ、チェックボックス、テキスト、スライダーなどの入力要素から選択された回答を取得する必要があります。問題は、同じ質問の順序で回答が欲しいことです。「;」で区切られたvarに格納する予定です。サーブレットを介してサーバー側に渡し、保存します。次のボタンがクリックされたときにJQueryで選択した値を取得するにはどうすればよいですか? 助けてくれてありがとう。

生成された質問コードの例を次に示します。

<div data-role="page" id="question1">
    <div data-role="header">
        <h1>Header</h1>
    </div>
<div data-role="content">
        <div data-role="fieldcontain">
        <fieldset data-role="controlgroup" data-type="horizontal">
                <legend>Gender:</legend>
                <input type="radio" name="singleSelection" id="choice1">
                <label for="choice1">Male</label>
                <input type="radio" name="singleSelection" id="choice2">
                <label for="choice2">Female</label>
        </fieldset>
        <fieldset class="ui-grid-a">
            <div class="ui-block-a"><input type="button" value="Next" data-theme="b"></div>
        </fieldset>
        </div>  
    </div>
   </div>

<div data-role="page" id="question2">
    <div data-role="header">
        <h1>Header</h1>
    </div>
<div data-role="content">
     <fieldset data-role="controlgroup">
        <legend>What are your hobbies?</legend>  
        <input type="checkbox" name="multiSelection0" id="multiSelection0"> 
        <label for="multiSelection0">Cinema</label>  
        <input type="checkbox" name="multiSelection1" id="multiSelection1"> 
        <label for="multiSelection1">Football</label>  
        <input type="checkbox" name="multiSelection2" id="multiSelection2">
        <label for="multiSelection2">Basketball</label>  
     </fieldset> 
     <fieldset class="ui-grid-a">
           <div class="ui-block-a"><input type="button" value="Next" data-theme="b"></div>
     </fieldset></div></div>
4

2 に答える 2

0

以下のコードは data=1 と info=2 を your_generator.php スクリプトに投稿し、有効な HTML であるはずの応答が という div 内に配置されlocaldivます。

$_POST['data']your_generator.php では、およびによってデータと情報にアクセスできます$_POST['info']。はい、これは PHP の例にすぎません。他のサーバー サイド スクリプトを使用することも、必要な/必要な数のパラメーターを使用することもできます。サーバー側のスクリプトは、これらのパラメーターをチェックして、HTML の一部を生成し、それをエコーアウトする必要があります。

$.post("your_generator.php", {data:1, info:2}, function(data, s) {
     $('#localdiv').html(data);
}, "html");

編集

データをサーバーに送り返すには、生成された HTML を次のような通常のフォームでラップするように変更します。

<form action="my_script.php" method="post">
<!-- lots of html and inputs -->
</form>

これを任意のローカル コンテナ内に配置すると、フォームは他のコンテナと同様に動作し、サーバー スクリプトにデータを送信します。

于 2013-08-12T23:00:22.457 に答える