0

「はい」または「いいえ」の単純なラジオボタンをフォームで使用しています。「はい」をクリックすると、ポップアップウィンドウが次の特定のメッセージとともに自動的に表示されることを望みます。

Are you sure you want to sell a new membership to [User’s Full Real Name from database] with the number [ number of product from database ] ?

つまり、同時に ajax クエリが確立され、データベースからユーザーの名前と製品の数が返されます。

私は JS/Ajax があまり得意ではありません。だれか助けてもらえますか?

編集 ：

以下のメッセージに書かれていることを実行することはわかっていますが、「はい」ラジオ ボタンを選択したときにポップアップ ウィンドウを自動的に実行する方法がわかりません。

4

1 に答える 1

0

ajax を使用するには、まず、必要なことを行うサーバー側関数を作成する必要があります。たとえば、ユーザー ID を受け取り、ユーザーの氏名を返す php スクリプトです。そのスクリプトを作成し、それを「username.php」と呼ぶとしましょう。

ページで、jquery .ajax関数などの JavaScript 関数を使用して、非同期要求を username.php に送信します。関数呼び出しは次のようになります。

function lookupUsername(){
    $.ajax({
      type: "POST",
      url: "username.php",
      data: { ID: $("#userID").val() }
    }).done(function( msg ) {
      alert( "Username: " + msg );
    });
}

上記の例では、ユーザー ID がページのどこかにID="userID". この用語$("#userID").val()は、「userID」と呼ばれる HTML 要素の値を検索する jQuery 関数です。

次に、[はい] ラジオ ボタンがクリックされたときにルックアップ関数を呼び出す必要があります。次のようなものです：

<input type="radio" name="foo" id="foo" value="yes" onclick="lookupUsername()" />

JQuery フレームワーク (.ajax() 関数と $() セレクター関数) を使用するには、ページに JQuery フレームワークを含める必要があることに注意してください。

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

jQuery を使用せずに ajax 呼び出しを実行することは十分に可能ですが、コードは少し複雑です。

于 2013-07-07T17:07:52.910 に答える