<html> 
<head> 
<meta charset="UTF-8"> 
<title>Insert title here</title> 
<script language="javascript"> 
var http_request = false; 
function createRequest(url,objID){ 
http_request = false; 
if(window.XMLHttpRequest){ //非IE瀏覽器 
http_request = new XMLHttpRequest(); 
if(http_request.overrideMimeType){ 
http_request.overrideMimeType("text/xml"); 
} 
}else if(window.ActiveXObject){ //IE瀏覽器 
try{ 
http_request = new ActiveXObject("Msxml2.XMLHTTP"); 
}catch(e){ 
try{ 
http_request = new ActiveXObject("Microsoft.XMLHTTP"); 
}catch(e){} 
} 
} 
if(!http_request){ 
alert("無法創(chuàng)建XMLHTTP實(shí)例"); 
return false; 
} 
http_request.open("GET",url,true); 
http_request.send(null); 

var obj = document.getElementById(objID); 
http_request.onreadystatechange = function(){ 
if(http_request.readyState == 4){ 
if(http_request.status == 200){ 
obj.innerHTML = http_request.responseText; 
}else{ 
alert('您請求的頁面發(fā)現(xiàn)錯(cuò)誤！'); 
} 
} 
} 
} 
</script> 
</head> 

<body onload="createRequest('content1.html','show')"> 
<div align="center"> 
<a href="content1.html" onclick="createRequest('content1.html','show');return false;">no1</a> | 
<a href="content2.html" onclick="createRequest('content2.html','show');return false;">no2</a> | 
<a href="content3.html" onclick="createRequest('content3.html','show');return false;">no3</a> 
</div> 
<div id="show" align="center"></div> 
</body> 
</html>

您可能感興趣的文章:

相關(guān)文章

ajax實(shí)現(xiàn)從后臺拿數(shù)據(jù)顯示在HTML前端的方法
今天小編就為大家分享一篇ajax實(shí)現(xiàn)從后臺拿數(shù)據(jù)顯示在HTML前端的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
基于HTML5 Ajax文件上傳進(jìn)度條如何實(shí)現(xiàn)（jquery版本）
本文給大家介紹基于html5 ajax文件上傳進(jìn)度條是如何實(shí)現(xiàn)的，涉及到html5新增加的formdata對象的使用，對html5文件上傳進(jìn)度條感興趣的朋友一起學(xué)習(xí)吧
2015-11-11
Ajax 對象包含post和get兩種異步傳輸方式
Ajax對象接受一個(gè)對象字面量為參數(shù)，這個(gè)對象字面量中包含method，url，success，params，fail參數(shù)
2009-07-07
Ajax帶提示的驗(yàn)證表單實(shí)例
這篇文章主要介紹了Ajax帶提示的驗(yàn)證表單,可實(shí)現(xiàn)對表單輸入進(jìn)行實(shí)時(shí)提示的功能,非常簡單實(shí)用,需要的朋友可以參考下
2015-08-08
ajax中文亂碼的各種解決辦法總結(jié)
下面總結(jié)了在不同編程語言中出現(xiàn)ajax中文亂碼的各種解決辦法，下面有需要的朋友可參考一下
2012-09-09
Ajax實(shí)現(xiàn)三級聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了Ajax實(shí)現(xiàn)三級聯(lián)動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-10-10
用iframe設(shè)置代理解決ajax跨域請求問題
面對ajax跨域請求的問題，想用代理的方式來解決這個(gè)跨域問題。在服務(wù)器端創(chuàng)建一個(gè)靜態(tài)的代理頁面，在客戶端用iframe調(diào)用這個(gè)代理
2013-11-11
探討Ajax中的一些小問題
在ajax使用過程經(jīng)常會遇到各種各樣的問題，今天小編給大家分享ajax中的一些小問題，比較實(shí)用，感興趣的朋友可以參考下
2016-05-05
基于ajax后臺返回的數(shù)據(jù)為空前臺顯示出現(xiàn)undefined的解決方法
今天小編就為大家分享一篇基于ajax后臺返回的數(shù)據(jù)為空前臺顯示出現(xiàn)undefined的解決方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
Ajax獲取數(shù)據(jù)然后顯示在頁面的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄狝jax獲取數(shù)據(jù)然后顯示在頁面的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-08-08