2010-12-17 18 views
2

Ich bin ein Neuling, ich arbeitete mit grundlegenden AJAX-Techniken - wie vor einem Jahr.Wird jQuery AJAX "ersetzen"?

Vor einem Monat wurde mir klar, dass jQuery existiert und ich benutze es auch grundlegend.

Was ich wissen möchte, ist, wenn jQuery Dinge tun kann, wie AJAX tut und/oder es "ersetzt".

Beispiel aus w3schools: Kann dies mit jQuery erstellt werden?

function loadXMLDoc() 
{ 
if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    {// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText; 
    } 
    } 
xmlhttp.open("GET","ajax_info.txt",true); 
xmlhttp.send(); 
} 

Antwort

14

No. Ajax ist ein Entwurfsmuster verwendet, um die dynamische Verhalten oder Daten auf Webseiten einzuführen, ohne auf die Seite neu zurückzugreifen.

jQuery ist ein JavaScript-Framework. Eine der Sachen, die es tun kann, ist Daten dynamisch zu laden, im AJAX-Muster.

Man ersetzt nicht das andere.

können Sie AJAX ohne jQuery und umgekehrt; oder du kannst sie zusammen machen.

+6

Sie sollten hinzufügen, dass jQuery können * bis * AJAX wie ein Mofo. – Stephen

0

Ja. jQuerys Ajax-Methode ist einfach ein Wrapper. Es kümmert sich jedoch um browserspezifische Fehler und Probleme und bietet eine benutzerfreundlichere Oberfläche zum Konfigurieren/Ausführen von Anfragen.

2

Wenn Sie jQuery verwenden, gibt es eine eingebaute .ajax()-Funktion, die ALLEN Code ersetzt. Es können auch browserübergreifende Probleme behoben werden. Ich habe kürzlich den gesamten Ajax-Code einer ganzen Website neu geschrieben, um eher so auszusehen.

Beispiel:

$.ajax({ 
    url: 'fetchInfo.php', 
    success: function(data) { 
     $('.result').html(data); 
     alert('Load was performed.'); 
    } 
}); 
0

Definitiv:

$.get('ajax_info.txt', function(data) { 
$('#myDiv').append(data); 
}); 
0

Werfen Sie einen Blick auf die jQuery API um den 4. Link.

Es sollte jQuery.ajax()

5

jQuery ein Framework für JavaScript sagen ist, dass JS Code eaiser und Cross-Browser macht. Der Code, den Sie bereitgestellt wird, kann in jQuery wie folgt vorgenommen werden:

$.get('ajax_info.txt', function(data){ 
    $('#myDiv').html(data); 
}); 

Oder noch einfacher als:

$('#myDiv').load('ajax_info.txt'); 

jQuery API

0

Ja, jQuery mächtig ist, auch Funktion wie .ajaxPrefilter() hat, .ajaxStart(), .ajaxSend(), .ajaxError(), .ajaxStop(), ...

Sie oben Code mit jQuery erstellen können, gerade Sie erste Skript für jQuery-Bibliothek erklären wie:

<script type="text/javascript" src="jquery-address"></script> 

Beispiel:

$(document).ready(function(){ 
    $.ajax({ 
     url:"ajax_info.txt", 
     type:"POST", 
     data:"key1="+value1+"&key2="+value2, 
     success:function(msg){$("#myDiv").text(msg);} 
    }); 
});