Ajax大全:僞Ajax,原生Ajax,jQuery Ajax詳解

<br> window.onload= function(){<br> var myDate = new Date();<br> document.getElementById('currentTime').innerText = myDate.getTime();<br> };<br> function LoadPage(){<br> var targetUrl = document.getElementById('url').value;<br> document.getElementById("iframePosition").src = targetUrl;<br> }<br> <br> function GetXHR(){<br> // 如果支持XMLHttpRequest就返回XMLHttpRequest,否則返回ActiveXObject<br> var xhr = null;<br> if(XMLHttpRequest){<br> xhr = new XMLHttpRequest();<br> }else{<br> xhr = new ActiveXObject("Microsoft.XMLHTTP");<br> }<br> return xhr;<br> }<br> function XhrPostRequest(){<br> var xhr = GetXHR();<br> // 定義回調函數<br> xhr.onreadystatechange = function(){<br> if(xhr.readyState == 4){<br> // 已經接收到全部響應數據,執行以下操作<br> var data = xhr.responseText;<br> console.log(data);<br> }<br> };<br> // 指定連接方式和地址----文件方式<br> xhr.open('POST', "/test/", true);<br> // 設置請求頭<br> xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset-UTF-8');<br> // 發送請求<br> xhr.send('n1=1;n2=2;');<br> }<br> function XhrGetRequest(){<br> var xhr = GetXHR();<br> // 定義回調函數<br> xhr.onreadystatechange = function(){<br> if(xhr.readyState == 4){<br> // 已經接收到全部響應數據,執行以下操作<br> var data = xhr.responseText;<br> console.log(data);<br> }<br> };<br> // 指定連接方式和地址----文件方式<br> xhr.open('get', "/test/", true);<br> // 發送請求<br> xhr.send();<br> }<br> jQuery.post(...)jQuery.ajax(...) "json": 將服務器端返回的內容轉換成相應的JavaScript對象 converters: 轉換器,將服務器端的內容根據指定的dataType轉換類型,並傳值給success回調函數jQuery.post(...)jQuery.getJSON(...) "json": 將服務器端返回的內容轉換成相應的JavaScript對象 converters: 轉換器,將服務器端的內容根據指定的dataType轉換類型,並傳值給success回調函數






分享到:


相關文章: