<map>エリアにPOSTメソッドの変数を渡しますか？

Question

私はウェブ開発の初心者です。

私は現在マップされた画像を持っているウェブページ上で作業しています。私はコードの断片を投稿するので、私が何を話しているか知っています。

<AREA SHAPE=POLYGON HREF='front.php?area=104' ALT="104" TARGET="_self" COORDS="47,205, 78,237, 93,222, 63,190, 47,205"> 

ご覧のとおり、私はGETメソッドで必要な変数を渡しています。 私はPOSTメソッドに変更したいと思っています。より安全だと思っています。私は、そのマップから取得する変数を使用してMySQLデータベースに対してクエリを行うつもりです。 （GETは、URLを調整するだけで簡単に改ざんすることができますか？）

私は自分自身をgoogled、私は同様にstackoverflowで検索しましたが、私は同様のものを見つけることができませんでした。私はこれをHTML、PHP、MySQLでのみ行うようにしています。私はJavaやAjaxに精通していません。その解決策が必要な場合は、詳細を使用してください。

ありがとうございます！

Answer 1

このタスクにはJQueryを使用できます。セキュリティのため

$(".some-class").on("click", function(e) { 
 
    // disabling default event handler 
 
    e.preventDefault(); 
 
    var data = $(this).attr("ALT"); 
 
    $.ajax({ 
 
    method: "POST", 
 
    data: data, 
 
    url: "your-url.php", 
 
    ... 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<AREA CLASS="some-class" SHAPE=POLYGON HREF='#' ALT="104" TARGET="_self" COORDS="47,205, 78,237, 93,222, 63,190, 47,205">

、あなたも、あなたがページ上のいくつかの隠しフィールドに置き換えれる、秘密鍵（トークン）を使用する必要があります。キーは、各ユーザーセッションごとにランダムに生成する必要があります。ユーザーがデータを送信するときは、ユーザーが渡したキーが同じかどうかを確認する必要があります。 Googleの詳細：csrfトークン防御。