javascript - フォームなしでURLにクエリデータを投稿する方法は?

Question

フォームと入力ボタンで action="GET" を使用するのではなく、リンクをクリックするだけで URL を介していくつかの情報を渡す必要があります。これは可能ですか？これはクライアント側のみであり、サーバーがないため、PHP などに関する提案はこの状況では役に立ちません。

Answer 1

アンカーで、href を変更して、最後にクエリ文字列を含めます。

例えば

 <a href="http://www.example.com/test.html?parameter=2">

Answer 2

クライアント上の変数にアクセスできると仮定すると、次のようなことができます。

<script type="text/javascript">
    navigateToPage = function(val){        
        window.location.href = "/somefolder/somefile.htm?id=" + val;
    }
</script>
<input type="button" value="Navigate" onclick="navigateToPage(5);" />

Answer 3

JavaScript を使用してすべての値を取得し、それらを URL に結合する必要があります。

以下に例を示します ( jQueryライブラリを使用):

<a href="http://example.com/test.html" id="paramLink">Click</a>

<script>
$(function(){
  // The data, from the page
  var id = 1, name = 'test';

  // Add event to link
  $('#paramLink').click(function(e){
    e.preventDefault(); // Stop the browser from following the link

    location.href = $(this).attr('href')+'?id='+id+'&name='+name; // Build the URL
  });
});
</script>

Answer 4

あなたの情報をアンカーに入れて、それと一緒に投稿してください

<a href="yourpage.php?id=2&action=edit"> click! </a>

リダイレクトされたページでこれらの値を取得する方法; PHPを使用している場合。

$id=intval($_REQUEST['id']);
$action=$_REQUEST['action'];