Ajax implementiert das Klicken auf verschiedene Links, um den zurückgegebenen Inhalt in einem bestimmten Div anzuzeigen-js-Tutorial-php.cn

Ajax implementiert das Klicken auf verschiedene Links, um den zurückgegebenen Inhalt in einem bestimmten Div anzuzeigen

亚连

Freigeben： 2018-05-25 16:00:09

Original

2335 Leute haben es durchsucht

Verwenden Sie Ajax, um auf verschiedene Links auf einer Webseite zu klicken, und zeigen Sie dann die zurückgegebenen Ergebnisse im festen p der Seite an

/* Der folgende Code verwendet Ajax, um auf verschiedene Links auf einer Webseite zu klicken , Die zurückgegebenen Ergebnisse werden dann im festen p auf der Seite angezeigt. */

<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>

Nach dem Login kopieren

Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Beispielcode für die Ajax-Verifizierung von Benutzername und Passwort

Ajax-Implementierungscode für die Übergabe mehrerer Parameter

Laypage-Front-End-Paging-Plug-in implementiert asynchrones Ajax-Paging

Das obige ist der detaillierte Inhalt vonAjax implementiert das Klicken auf verschiedene Links, um den zurückgegebenen Inhalt in einem bestimmten Div anzuzeigen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!