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 デバイス用ネットワーク ドライバーの紹介

推薦する

CentOS 7.x dockerはoverlay2ストレージ方式を使用する

/etc/docker/daemon.json を編集し、以下を追加します。 { "ストレ...

Linuxシステムにmsfをインストールするプロセスの詳細な説明

または、インストールプロセスを自分で書き留めてください。私のサーバーシステムはAliyun Linu...

MySQL レプリケーション テーブルの詳細とサンプル コード

MySQL レプリケーション テーブルの詳細な説明テーブル構造、インデックス、デフォルト値などを含む...

MySQLインデックスが使用されない状況のまとめ

MySQL のインデックスの種類一般的に、次の 4 つのカテゴリに分類できます。通常のインデックス:...

nginxとlvsのメリットとデメリット、そして適切な使用環境

まず最初に、ロード バランシングとは何かについて説明します。ロード バランシングとは、リクエストの内...

Prometheusコンテナのデプロイメントのための実用的なソリューション

環境ホスト名IPアドレス仕えるプロメテウス192.168.237.137プロメテウス、グラファナノー...

ウェブデザインと制作に関する科学的原則と提案の要約

<br />ネットワーク設計の分野では、アイトラッキングに関する研究が非常に盛んに行われ...

DockerでKafkaをデプロイする方法

目次1. Dockerをビルドする2. コンテナに入る3. 設定ファイルを変更する4. Kafkaを...

Bootstrap 3.0 の特殊効果の学習ノート(表示と非表示、フローティングの除去、閉じるボタンなど)

この記事の主な内容は次のとおりです。 1. 閉じるボタン2.キャレット3. フローティングを素早く設...

CSS初心者向けチュートリアル: 背景画像を画面全体に表示する

インターフェース全体に背景画像を表示したい場合は、当然 body に背景を追加することを考えます。コ...

Vue3.0 手書き拡大鏡効果

達成される効果は、固定ズームが 2 倍になり、マウスが左側の画像領域に入るとマスク レイヤーが表示さ...

CSS3はグラフィックの落下アニメーション効果を実現します

まずは効果を確認実装コード <div class="box box1"&g...

インスタンス化されたオブジェクトパラメータによるMySQLクエリ例の説明

この記事では、オブジェクト パラメータをインスタンス化して MySQL でデータをクエリする方法を紹...

Hタグはウェブページ制作において適切に使用すべきである

HTML タグには、ページのタイトルを処理するための特別なタグがあります。これらは h1、h2、h3...

nginx ログを elasticsearch にインポートする方法の例

nginx ログは filebeat によって収集され、logstash に渡され、logstash...