2014-03-25 21 views
-1

有人可以請給我一個純jQuery替代jquery加載()的例子嗎? 或者用示例將我指向儀式網站。jQuery的加載()的Javascript替代()

謝謝

UPDATE:

這不是我的意思是問。 我需要使用Ajax來加載一個URL並將返回的HTML插入'div'

我並不完全明白這個缺點。有人至少在意解釋我的問題出了什麼問題?我搜遍了,找不到一個例子。

+0

這不是我問的 –

+0

哦,對不起。 jQuery中有兩個'load'函數,我認爲我想到的是更常用的函數。 –

+0

@Felix Kling沒問題,我修改了我的任務,說清楚了。乾杯 –

回答

3

爲了使用純JavaScript,使AJAX請求,你需要做的是這樣的:

httpRequest = new XMLHttpRequest(); 

// Specify a function to handle the response. 

httpRequest.onreadystatechange = function() { 
    // Process the AJAX response in here. 
} 

// Make the AJAX request 
httpRequest.open('GET', 'http://prajjwal.com/profile.json', true); 

打開的第一個參數是要做出請求的類型。我們在這種情況下發出'GET'請求。第二個參數是您嘗試檢索的項目的URL。第三個參數是一個布爾值,它決定請求是否應該是異步的。如果請求是異步的,你的函數將不會停止等待請求完成。

還值得注意的是,這不適用於Internet Explorer 8或更低版本。爲了支持這些瀏覽器,你需要使用:

httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); 

處理響應,您的處理器需要有這樣的事情:

function handleRequest() { 
    if (httpRequest.readyState === 4) { 
    if (httpRequest.status === 200) { 
     yourdiv.innerHTML = httpRequest.responseText; 
    } else { 
     console.log('There was a problem with the request.'); 
    } 
    } 
} 

httpRequest.onreadystatechange = handleRequest; 

httpRequest.readyState告訴您請求的進度。值爲4意味着請求完成&準備好進行處理。

請記住,您無法使用open()請求其他域上的資源。

+0

這不是我問的。謝謝。 –