2016-06-20 5 views
0

Ich habe diese Arbeit Ajax Code:Wie konvertiert man eine jQuery-Methode in reines JavaScript, ohne hinzugefügte Bibliotheken?

$(function(){ 
 
    $('#post-list a').click(function(e){ 
 
    var url = $(this).attr('href'); 
 
    $('#ajax-div').load(url+ " #post"); 
 
    e.preventDefault(); 
 
    }); 
 
});

Wie konvertiere ich es schlicht JavaScript ohne jQuery oder andere Bibliotheken? Ich glaube, es hat etwas mit XMLHttpRequest zu tun.

+0

http://stackoverflow.com/questions/4229043/load-page-content-to-variable – Mohammad

+0

ich weiß nicht wirklich JavaScript, nur wissen, wie man sucht, ich habe das Skript gesehen, das Sie geteilt haben, aber haben Sie kein Idee, wie man das anklickbare Element anvisiert (# post-list a), und wie man nur einen #post (und seinen Inhalt) aus dem responseText bekommt. –

Antwort

0

Assumming "post-Liste ein" ist der Anker-Tag können Sie tun:

document.getElementById('post-list a').addEventListener('click',function(){ 
 
    window.location.href = this.href; 
 
})

+0

Dies öffnet nur den Link, ohne Ajax, ohne den Elementinhalt zu filtern, den ich möchte. –

0

Sie eine Funktion machen können andere Seite aufrufen, wie folgt aus:

function call(){ 

} 

fügen Sie diese Funktion wie onclick in Ihrem <button> oder <a>

hinzu
Verwandte Themen