[$.ajax] Nur bestimmte ID laden?

[Dustin84]

Hallo,

ich möchte, dass meine News nachgeladen werden.

Die Struktur ist so:

 <div class="listing">
  <div class="post" id="news-1">
    ... inhalt ....
  </div>
  <div class="post" id="news-2">
    ... inhalt ....
  </div>
 
  usw.

</div>

Die ersten 3 Einträge werden direkt geladen. Scrolle ich zum Ende der Page, dann sollen die nächsten News angezeigt werden.
Die stehen so in meiner load.content.php:

  <div class="post" id="news-3">
    ... inhalt ....
  </div>
  <div class="post" id="news-4">
    ... inhalt ....
  </div>

usw.

So versuche ich die News nachzuladen:

$(document).ready(function(){
	$(document).scroll(function(){
		if ($(window).scrollTop() + $(window).height() == $(document).height()){
			var $last = $(".listing .post").last();
			$.ajax({
				type: "GET",
				url: "/load-content.php",
				dataType : 'html',
				data: {id : '#news-3'},
				success: function(data){
					console.log(data);
					//$(data).hide().insertAfter($c).slideDown(400);
				}
			}); 
		}
	});
	
});

Ich hatte jetzt versucht die 3. news zu laden aber er läd immer alles.

Wie kann ich sagen, dass nur eine bestimmte ID geladen werden soll?

Gruß
D.

 

[H4rv3y]

Hi Dustin,

dein Ansatz ist im Prinzip richtig. Ich denke es wäre sinnvoll, dass du mal den php-Code postest, da müsste meiner Meinung nach das Problem liegen. Hast du mal versucht dir in php die ID (und die dazu gehörige Nachricht) ausgeben zulassen, die du nachladen willst?

Gruß H4rv3y