Как в переменную поместить json?

Question

[123 123]

Всем доброго времени суток. Мне нужно подгрузить данные json в infoWindow.

function initialize() {
					var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
					var mapOptions = {
						zoom: 4,
						center: myLatlng
					};
					
					var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
					
					var jsonData = $.ajax({
						url: "http://api.openweathermap.org/data/2.5/find?q=Novosibirsk&units=metric&lang=ru",
						dataType:"json",
						async: false
					});
					console.log(jsonData.message);
					
					var contentString = '<div id="content">'+
						'<div id="siteNotice">'+
						'</div>'+
						'<h1 id="firstHeading" class="firstHeading">Uluru</h1>'+
						'<div id="bodyContent">'+
						'<p>'+ jsonData.message +'</p>'+
						'<p>Attribution: Uluru, <a href="http://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
						'http://en.wikipedia.org/w/index.php?title=Uluru</a> '+
						'(last visited June 22, 2009).</p>'+
						'</div>'+
						'</div>';

					var infowindow = new google.maps.InfoWindow({
						content: contentString
					});

					var marker = new google.maps.Marker({
						position: myLatlng,
						map: map,
						title: 'Uluru (Ayers Rock)'
					});
					
					google.maps.event.addListener(marker, 'click', function() {
						infowindow.open(map,marker);
					});
				}
			
				google.maps.event.addDomListener(window, 'load', initialize);

Не получается вывести значение. Пишет - undefined. Заранее благодарен.

Answer 1

[Ashot]

Во-первых, $.ajax — асинхронная функция, во-вторых, она возвращает Promise. Это очень краткая матчасть.

$.ajax({
	url: "http://api.openweathermap.org/data/2.5/find?q=Novosibirsk&units=metric&lang=ru",
	dataType:"json",
	async: false
}).done(function(jsonData) {
	var data = $.parseJSON(jsonData);
	// делайте всё что надо с data
} )

Comments

[Сергей]

не работает. Жаль. Я так хотел научиться сохранять json-данные в переменную и дальше работать с ней.

Answer 2

[webinside]

AJAX запросы без обработки не будут работать с чужими доменами, ищите "ajax cross domain"

Comments

[123 123]

А если к своему серверу обращаться то как в переменную записать JSON и дальше его использовать?

[webinside]

Кроме прочего, AJAX запрос выполняется вне от остального скрипта. Когда ваш скрипт уже выполнился, это не значит, что вы даже получили данные от запроса по AJAX. Посмотрите метод .done(function() {})

[123 123]

webinside: Добавил к $.ajax в конце .responseJSON. Все работает. Или по другому можно решить эту проблему?

[webinside]

Не понятно. работает или нет

[123 123]

webinside: Да работает. Просто я интересуюсь можно ли другими способами сделать.

[webinside]

что сделать "другими способами"?
запросы AJAX можно делать не только через jQuery, и ответ тоже можно получить.
stackoverflow.com/questions/22099706/handling-ajax...

Answer 3

[YemSalat]

Разберитесь как работает ajax.