Heim > Artikel > Web-Frontend > Ajax implementiert das Klicken auf verschiedene Links, um den zurückgegebenen Inhalt in einem bestimmten Div anzuzeigen
Ajax implementiert das Klicken auf verschiedene Links, um den zurückgegebenen Inhalt in einem bestimmten Div anzuzeigen
- 亚连Original
- 2018-05-25 16:00:092289Durchsuche
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('您请求的页面发现错误！');
}
}
}
}
</script>
</head>
<body onload="createRequest('content1.html','show')">
<p 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>
</p>
<p id="show" align="center"></p>
</body>
</html>
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!