Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Подгрузка данных для нажатого блока (https://javascript.ru/forum/jquery/71129-podgruzka-dannykh-dlya-nazhatogo-bloka.html)

anar1811 28.10.2017 11:44

Подгрузка данных для нажатого блока
 
Здравствуйте, надо подгрузить данные json данные с помощью ajax. при клике на один из четырех блоков, в нажатый div подгрузятся данные, но только в нажатую. Но на данный момент подгружает во все 4, как сделать чтобы подгружалось только в нажатый
<div class="obj"></div>
<div class="obj"></div>
<div class="obj"></div>
<div class="obj"></div>

function forEach(data, callback){
	for(var key in data){
		if(data.hasOwnProperty(key)){
			callback(key, data[key]);
		}
	}
}
$(".obj").click(function(){
	$.ajax({
		url: "jq_json.php",
		type: "POST",
		dataType: 'json',
		success: function(data){
			var str = [];
			forEach(data,function(key,value) {
				str.push('<b>' + key + '</b> = ' + value);
			});
			$( ".obj" ).fadeIn( "slow", function() {
			     $(this).html( str.join('<br>') ).fadeIn('slow');
			  });
		}
	});
});

За ранее спасибо

laimas 28.10.2017 12:06

$(".obj").click(function(){
    var obj = $(this); //текущий блок
    $.ajax({
    //.......
    //вместо строк 18-20
    obj.html( str.join('<br>') ).fadeIn('slow');
    //.....


Часовой пояс GMT +3, время: 06:35.