ホームページ >ウェブフロントエンド >フロントエンドQ&A >フォームフォームとajax送信の違いは何ですか?

フォームフォームとajax送信の違いは何ですか?

青灯夜游
青灯夜游オリジナル
2022-01-13 18:00:335917ブラウズ

違い: 1. Ajax 送信は非同期で実行され、Web ページを更新する必要はありませんが、フォーム送信からは更新する必要があります; 2. Ajax は js で実装する必要がありますが、フォーム フォームは実装されません必須; 3. Ajax ではプログラムの使用が必要です データ処理を実行するには、フォームの送信はフォームの構造に従って自動的に完了し、コードの介入は必要ありません。

フォームフォームとajax送信の違いは何ですか?

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

フォーム送信と ajax 送信の違い

1. 使用シナリオ:

安全性プロパティは同じで、すべて http プロトコルを使用して送信されます。セキュリティは、送信されたファイルのビジネス処理 (形式検出、挿入防止) に関連しており、送信方法とは関係ありません。

一般に、フォームはログインの送信に使用されます。送信をクリックすると送信イベントがトリガーされ、通常はページがジャンプします。ページ ジャンプやその他の動作の制御は多くの場合バックエンドで行われ、バックエンド コントロールはページジャンプやデータ転送を行いますが、場合によってはページジャンプをさせたくない場合や、フロントエンドに制御を置いてjsでページジャンプやデータ変更を操作したい場合もあり、このような非同期処理には一般にajaxが使われます。オペレーション。

しかし、Ajax には隠れた問題があります。それは、ブラウザーがパスワードを保存しないということであり、これはユーザーの習慣に合致しません。理想的な方法: 非表示の iframe を作成し、form タグのターゲットを iframe にポイントしてから、iframe のステータスを検出します。

2. 比較:

(1) Ajax は送信、要求、受信時に非同期で実行されるため、Web ページを更新する必要はありません。ページの他の部分のコンテンツには影響しません。

フォームの送信とは、新しいページを作成することです。独自のページに送信した場合でも、ページを更新する必要があります。ページのユーザーによるフォームの状態変更を維持するには、より多くのパラメータを設定する必要があります。コントローラーとテンプレートの間で渡されるページのステータスを維持します。

(2) ajax が送信されると、新しいリクエストがバックグラウンドで作成されます。

フォームはこのページを破棄し、再度リクエストします。

(3) Ajax は js で実装する必要があるため、デバッグの問題やブラウザの互換性の問題が発生し、また、js が有効になっていないブラウザでは操作を完了できません。

Form フォームはブラウザに付属しているため、js が有効かどうかに関係なくフォームを送信できます。

(4) ajax が送信、要求、受信するとき、プロセス全体でデータを処理するプログラムを使用する必要があります。

フォームの送信はフォームの構造に従って自動的に完了するため、コードの介入は必要ありません。 submit で送信します。

3. その他の側面:

入力内容の検証に関しては、ajax は要素の内容を取得した後にプログラムを使用して要素の内容を判断できます。属性には検証があります。フォームのフィールドは easyui、jeecg などでカプセル化されます。ユーザーは正規表現検証ルールを追加するだけで済みます。

[関連チュートリアルの推奨事項: AJAX ビデオ チュートリアル]

以上がフォームフォームとajax送信の違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。