jQueryのEasyUIフォーム - 非同期送信フォームを作成します
このチュートリアルでは、easyuiによってフォーム(フォーム)を提出する方法を示しています。 私たちは、とフォーム名、電子メールや携帯電話のフィールドを作成します。 easyuiフォーム(フォーム)を使用してプラグイン(フォーム)をフォームを変更するには、Ajaxのフォーム(フォーム)です。 (フォーム)フォームは、バックエンドサーバ、サーバ処理にすべてのフィールドを提出し、フロントページに戻っていくつかのデータを送信します。 我々は戻ってデータを受信し、それを示します。
フォームを作成します(フォーム)
<DIVのスタイル= "パディング:3pxの2ピクセル;のborder-bottom:1pxの固体#CCC"> Ajaxのフォーム</ DIV> <フォームのid = "FF"アクション= "form1_proc.php"メソッド= "ポスト"> <表> <TR> <TD>名前:</ TD> <TD> <入力名= "名前"タイプ= "テキスト"> </入力> </ TD> </ TR> <TR> <TD> Eメール:</ TD> <TD> <入力名= "メール"タイプ= "テキスト"> </入力> </ TD> </ TR> <TR> <TD>電話:</ TD> <TD> <入力名= "電話"タイプ= "テキスト"> </入力> </ TD> </ TR> <TR> <TD> </ TD> <TD>の<input type =値= "送信"を "提出"> </入力> </ TD> </ TR> </表> </フォーム>
Ajaxフォームに変更
$( '#F-F')。フォーム({ 成功:関数(データ){ $ .messager.alert( '情報'、データ、「情報」)。 } });
サーバー側のコード
form1_proc.php
$名= $ _POST [ '名前']; $メール= $ _POST [ 'メール']; $電話= $ _POST [ '電話']; ":あなたの電子メール<BR/> $名:お電話番号<BR/> $メール:あなたのお名前$電話"エコー;