jQueryを使用したHTMLフォーム

Question

私はHTMLフォーム（サインアップ）を作成しています。私はtipical fields/inputs（ユーザー名、パスワード、電子メールなど）を持っています。私の計画は、HTMLフォーム全体を他の.phpファイルにプッシュすることです（POSTメソッドを使用）。 2番目の.phpファイルはMySQLの部分を実行します（ユーザをMySQLベースに置く...）。しかし、サインアップには、他の.phpファイルにプッシュする必要のある部分だけが含まれていますが、問題点はこれらの部分がHTML形式ではないことです。 私は、ユーザーがスキンを選択できる部分を持っています。ユーザーがサインアップすると（ページが読み込まれると）ランダムなスキンIDが取得されます。私はPHPのvarを使用してID（例えば、$ var;）。ユーザーがスキンイメージをクリックすると、jQuery関数が呼び出されます。 PHPの変数の値を後で変更する方法がわかりません（私はそれが だと思います）。また、HTML以外の形式の値を他の.phpファイルにプッシュする方法もわかりません。ありがとう！ EDIT @

：ビデオEDIT 2 @here

です：コードhere

Answer 1

はい、簡単に非表示のフィールドを使用して送信することができますまたはajaxを使用してデータを送信するフォーム送信メソッドまたはデータを投稿するためのajax呼び出しを使用する必要があります。 https://api.jquery.com/serialize/

<!-- this your simple html form with all data that user inputs --> 
<form onsubmit="javascript: return false;"> 
    <input type="text" value="" name="username" placeholder="Username" /> 
    <!-- You can easily pass hidden values using type="hidden" --> 
    <input type="hidden" name="id" value="10" /> 
    <input type="submit" name="submit" value="Submit Form" /> 
</form> 

<!-- Now you can post all serialized data one to another file --> 
<script src="https://code.jquery.com/jquery-git.min.js"></script> 
<script> 
$("form").submit(function(event) { 
    var data = $(this).serialize(); 
    $.ajax({ 
    type: "POST", 
    url: "yourfile.php", 
    data: data, 
    success: function(response){ 
     alert(JSON.stringify(response)); 
    } 
    }); 
    event.preventDefault(); 
}); 
</script> 

Answer 2

はいあなたは<input type="hidden" />を使用して、それが取得するので、あなたのjavascriptのコードでその隠しフィールドの値を設定することができていますあなたの他のフォームデータと共に投稿されます。

Answer 3

あなたはとjQuery.ajax({ type: "POST", data: $("form#a").serialize(),... .A隠し入力タイプフィールドを使用することができます「皮膚」のidは皮膚のIDに設定されます持つと言うことができますあなたは上記のビデオで示したポップアップをクリックしました。その後、jquery ajaxメソッドのserialize（）を使用してフォームの値を送信すると、送信したかったPHPファイルのポップアップからフォームの値とスキンIDを取得します