20211008

jQueryの仕様変更の影響を受けないように、ローカルにjQueryのスクリプトをダウンロードし、使用したい。

まずhttps://jquery.com/download/からhttps://code.jquery.com/jquery-3.6.0.jsをダウンロードし、public/javascrptディレクトリに配置する。

jQueryを使用したいHTMLファイル上で以下のscriptタグで読み込む。

<script src='javascript/jquery-3.6.0.js'></script>

参考にしたサイト：https://techacademy.jp/magazine/9482

マップの移動・拡大・縮小のイベント発生時にAjaxでサーバに非同期的にキャプチャエリア内のサンプル情報を送信する。

$.ajax({
    url: './',
    type: 'POST',
    cache: false,
    dataType: 'json',
    data: {capturedSampleList: capturedSampleList},
})
.done(function(response){
    console.log("success");
});