1. ホーム
  2. Web制作
  3. HTML/Xhtml

htmlのpost requestにおけるaタグの2つの使い方を説明します。

2022-01-07 08:58:03

htmlのpost requestにおけるaタグの2つの使用例として、以下のようなものがある。

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

HTMLコードは以下の通りです。

<a href="https://www.jb51.net/" class="a_post">Initiating a POST request</a>

JQueryのコードは以下の通りです。

$(".a_post").on("click",function(event){
    event.preventDefault();// disable the method that comes with a, i.e. it can't be adjusted to the URL in the href (https://www.cnblogs.com/)
    $.ajax({
           type: "POST",
           url: "url address",
           contentType:"application/json",
           data: JSON.stringify({param1:param1,param2:param2}),//parameter list
           dataType:"json",
           success: function(result){
              // action after the request is correct
           },
           error: function(result){
              // action after the request fails
           }
    });
});

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

<form id="_form" method="post" action="target">
  <input type="hidden" name="name" value="value" /> 
  <a onclick="document.getElementById('_form').submit();">Click submit</a>
</form>

概要

htmlのpost requestにおけるaタグの2つの使用法についての説明は以上です。htmlのpost requestにおけるaタグの詳細については、スクリプトハウスの過去の記事を検索するか、以下の関連記事を引き続き閲覧してください。