複数あるformのsubmitの取り扱いについて

HTML
1<form id="AAA"><button type="submit">送信</button></form>
2<form id="BBB"><button type="submit">送信</button></form>

上記のように1ページの中に複数のsubmitがあります。
どのformのsubmitがクリックされたか拾って、動的にajaxを利用したいです。

javascript
1///////////////////////////////////////////////////////////////////////
2// submitを判定
3///////////////////////////////////////////////////////////////////////
4
5ここの書き方に悩んでいます。
6
7///////////////////////////////////////////////////////////////////////
8// 変数設定
9///////////////////////////////////////////////////////////////////////
10var Yucho = {
11    map:{},
12    markerArr:[],
13    rectangleArrLatLng:[],
14    rectangleArrObj:[],
15    rectangleArrData:[],
16    gridRow:10,
17    gridCol:10,
18    defLat:35.685842,
19    defLng:139.757850,
20    defZoom:10,
21    bounds:{},
22    jsonUrl:'ajaxtestmaps/testsearch.json',//動的に変更したい箇所
23    jsonData:[],
24    boundsData:{},
25};

event.preventDefault();
で送信をキャンセルして

$form = $(this);
で、対象のformの要素を取得して

と、考えていたんですが
どのように書くのがいいでしょうか？

行動規範の内容に同意します

回答2件

ベストアンサー

#サンプルコード

html
1<!DOCTYPE HTML>
2<html lang="en-US">
3	<head>
4		<meta charset="UTF-8">
5		<title></title>
6	</head>
7	<body>
8		<form action="">
9			<button type="submit" data-url='ajax1.json'>button1</button>
10			<button type="submit" data-url='ajax2.json'>button2</button>
11		</form>
12		<script type="text/javascript" src="//code.jquery.com/jquery-3.1.1.min.js"></script>
13		<script type="text/javascript">
14			$(function () {
15				$('button[type=submit]').on('click', function () {
16					var url = $(this).attr('data-url');
17					alert(url);
18				});
19			});
20		</script>
21	</body>
22</html>