Maison > Article > interface Web > Ajax implémente le fait de cliquer sur différents liens pour afficher le contenu renvoyé dans un div spécifique

Ajax implémente le fait de cliquer sur différents liens pour afficher le contenu renvoyé dans un div spécifique

亚连original: 2018-05-25 16:00:092333parcourir

Utilisez ajax pour cliquer sur différents liens sur une page Web, puis affichez les résultats renvoyés dans le p fixe de la page

/* Le code suivant utilise ajax pour cliquer sur différents liens sur une page Web , Les résultats renvoyés sont ensuite affichés dans le p fixe sur la page. */

<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("无法创建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(&#39;您请求的页面发现错误！&#39;); 
} 
} 
} 
} 
</script> 
</head> 

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

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère que cela sera utile à tout le monde à l'avenir.

Articles Liés

Voir plus