[jquery] $.ajaxのパラメーターについて

Question

Javascript/jquery初学者です。
参考書の課題でopenweathermapからAPIを利用して現在地のデータを取得ようとしています。

openweathermapの公式HPではhttps://api.openweathermap.org/data/2.5/forecast?lat={lat}&lon={lon}&appid={API key}をURLに指定することで対象の天気データが取得できると記載があります。
しかし、参考書では上記URLの？以前までをURLに指定して、それ以後はパラメーターとして$.ajaxnに記述していますが、"400 bat request"を表示されデータを取得できません。(ソースコード参照)

代わりに公式HPの？以降をテンプレート文字列で指定するとデータを取得できます。
const url=https://api.openweathermap.org/data/2.5/forecast?lat=${lat}&lon=${long}&appid=${appId};

参考書のコードで取得できない理由をご教授いただけないでしょうか？

参考書のソースコードは以下です。

//geolocation
function success(pos){
	console.log(pos);
	ajaxRequest(pos.coords.latitude, pos.coords.longitude);
}

function fail(error){
	alert('位置情報の取得に失敗しました。エラーコード：'　+ error.code);
}

navigator.geolocation.getCurrentPosition(success,fail);


//データの取得
function ajaxRequest(lat, long){
	const appId ='d649d9705d875a6264e13f*************';　　//appIdは＊で隠してます。
　　　　　const url='https://api.openweathermap.org/data/2.5/forecast';
	

	$.ajax({
		url:url,
		data:{
			appid: appId,
			lat: lat,
			log: long,
			units:'metric',
			lang:'ja'
		}
	})
	.done(function(data){
		console.log(data);
	})
	.fail(function(){
		console.log('$.ajax failed!');
	})
}

Comments

[m.ts10806]

コードやエラーはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/questions/238564

※解決後でも質問は編集できますし、コード部分を適切に提示することは回答者や今後観る人の助けにもなります

[peijum]

ご指摘ありがとうございます。修正しました。

Answer 1

URLパラメーターでは経度がlonとなっていますが、$.ajaxではlogとなっているようです。

Comments

[peijum]

回答ありがとうございます。初歩的なミスでした。以後気をつけます。