HTML の POST リクエストにおける a タグの 2 つの使用法の分析

HTML の POST リクエストにおける a タグの 2 つの使用法の分析

HTML POST リクエストで a タグを使用する 2 つの例を次に示します。

1. ajaxを使用してPOSTリクエストを開始する

HTML コードは次のとおりです。

<a href="https://www.jb51.net/" class="a_post">POST リクエストを開始する</a>

JQuery コードは次のとおりです。

$(".a_post").on("クリック",function(イベント){
    event.preventDefault(); // メソッドを無効にします。つまり、href 内の URL (https://www.cnblogs.com/) には調整できません。
    $.ajax({
           タイプ: "POST",
           url: "URLアドレス",
           コンテンツタイプ:"アプリケーション/json",
           data: JSON.stringify({param1:param1,param2:param2}), //パラメータリスト dataType:"json",
           成功: function(結果){
              //リクエスト後の操作は正しい},
           エラー: 関数(結果){
              //リクエスト失敗後の操作}
    });
});

2. フォームを使用してPOSTリクエストを開始する

<フォーム id="_form" メソッド="投稿" アクション="ターゲット">
  <input type="hidden" name="名前" value="値" /> 
  <a onclick="document.getElementById('_form').submit();">[送信] をクリックします</a>
</フォーム>

要約する

これで、HTML 投稿リクエストにおける a タグの 2 つの使用法に関するこの記事は終了です。HTML 投稿リクエストにおける a タグに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

<<:  CSS3を使用して背景画像の色を変更するさまざまな方法

>>:  Linux デバイス用ネットワーク ドライバーの紹介

推薦する

Tomcat を設定して IntelliJ IDEA 2018 で最初の Java Web プロジェクトを実行する方法

1 Tomcatをダウンロードして起動する公式サイト http://tomcat.apache.or...

Dockerはコンテナ外のコンテナ内でコマンドを実行します

コンテナ内でコマンドを実行したいが、コンテナに入りたくない場合があります。ではどうすればいいでしょう...

xtrabackup による MySQL データベースのバックアップと復元

mysqldump バックアップは、その独自の特性 (テーブルのロック、基本的に挿入スクリプトまたは...

vue-tableは追加と削除を実装します

この記事では、vue-table の追加と削除の具体的なコードを参考までに紹介します。具体的な内容は...

MySQL がデフォルトの分離レベルとして繰り返し読み取りを選択する理由

目次Oracle 分離​​レベルMySQL 分離レベル要約する多くの読者は、MySQL のトランザク...

MySQL Innodb インデックス メカニズムの詳細な紹介

1. インデックスとは何ですか?インデックスは、ストレージ エンジンがレコードをすばやく検索するため...

nginxプロキシsocket.ioサービスの落とし穴の詳細な説明

目次Nginx は 2 つの socket.io サーバーをプロキシします。 socket.ioの動...

JS を使用した簡単な雪効果の例の詳細な説明

目次序文主な実装コードHTMLコードJSコード序文南の友達の多くは、雪をほとんど見たことがない、ある...

静的ページと動的ページの実行メカニズムの説明

1. 静的ページとは、Web ページ内に HTML タグのみが含まれるページです。WEB 開発者がこ...

JS WebSocket 切断理由とハートビートの仕組みの詳しい説明

1. 切断理由WebSocket が切断される理由は多数あります。WebSocket が切断されたと...

MAC での MYSQL5.7.17 接続失敗の問題と解決策

MYSQL5.7.17 が MAC で接続できない問題。SQLBench_community 6.3...

Vue で SVG アイコンを導入する 2 つの方法

Vue で SVG アイコンを導入する方法Vue で svg アイコンを導入する方法 1インストール...

VMwareがLinuxシステムをインストールして起動した後に黒い画面が表示される問題を解決する

1. 設置環境1. HUAWEI mate x CPU i5 82500u、8g メモリ、独立グラフ...

Sparkの紹介とHadoopとの比較

目次1. SparkとHadoopの比較1.1 Haoopの欠点1.2 Hadoop MR に対する...

Vueバスの簡単な使い方

Vueバスの簡単な使い方シナリオの説明:コンポーネント A にはコンポーネント B と C が含まれ...