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