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回调函数






分享到:


相關文章: