用Ajax加載頁面 - 沒有jquery

有人可以告訴我通過AJAX加載頁面的基本語法只是使用javascript--而不是jquery嗎？ load（）方法？用Ajax加載頁面 - 沒有jquery

xmlhttp=new XMLHttpRequest();

我該從哪裏出發？

來源

2012-12-28 user1933397

一個簡單的谷歌搜索會給你一堆的例子。無論哪種方式，這是一個很麻煩，這就是爲什麼人們只是使用jquery或其他庫，因爲它簡化了整個過程。這裏是關於SO的類似問題http://stackoverflow.com/questions/3038901/how-to-get-the-response-of-xmlhttprequest – kennypu

一個好的起點是看jQuery如何做到這一點。不要使用它，而是去實際的來源，閱讀/觀察它是如何在那裏完成的。這是一個很好的實現，代碼非常乾淨。 –

@kennypu就是這樣！我的搜索結果中只有jquery load（）例子。骯髒，老式的方式已被埋葬，似乎... – user1933397

您將在沒有jQuery的情況下編寫更多行，在jQuery中它將在2行中完成。

總之，這裏是代碼

沒有jQuery的

var xmlhttp = new XMLHttpRequest(); 
xmlhttp.onreadystatechange = function() 
{ 
    if (xmlhttp.readyState == 4) 
    { 
     alert(xmlhttp.responseText); 
    } 
} 
xmlhttp.open('GET', 'http://www.google.com', true); 
xmlhttp.send(null);

，如果你想要做一些POST充塞

xmlhttp.open("POST",'http://www.google.com', true); 
xmlhttp.send();

你也需要做檢查IE

查看此鏈接以獲得更多理解 - XMLHttpRequest

與jQuety

$.get('http://www.google.com', function(responseText) { 
    alert(responseText); 
});

來源

2012-12-28 01:23:07

我不介意額外的工作，但我現在有一個很好的起點，把它放在一個很好的包裝函數中。 – user1933397

用Ajax加載頁面 - 沒有jquery

回答

相關問題