Heim Web-Frontend js-Tutorial 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

May 25, 2018 pm 04:00 PM
ajax 不同 链接

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!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So verwenden Sie Magnetlinks So verwenden Sie Magnetlinks Feb 18, 2024 am 10:02 AM

Magnet-Link ist eine Link-Methode zum Herunterladen von Ressourcen, die bequemer und effizienter ist als herkömmliche Download-Methoden. Mit Magnet-Links können Sie Ressourcen im Peer-to-Peer-Verfahren herunterladen, ohne auf einen Zwischenserver angewiesen zu sein. In diesem Artikel erfahren Sie, wie Sie Magnetlinks verwenden und worauf Sie achten sollten. 1. Was ist ein Magnet-Link? Ein Magnet-Link ist eine Download-Methode, die auf dem P2P-Protokoll (Peer-to-Peer) basiert. Über Magnet-Links können Benutzer eine direkte Verbindung zum Herausgeber der Ressource herstellen, um die gemeinsame Nutzung und das Herunterladen von Ressourcen abzuschließen. Im Vergleich zu herkömmlichen Download-Methoden magnetisch

Wie lade ich Links herunter, die mit 115:// beginnen? Methodeneinführung herunterladen Wie lade ich Links herunter, die mit 115:// beginnen? Methodeneinführung herunterladen Mar 14, 2024 am 11:58 AM

In letzter Zeit haben viele Benutzer den Editor gefragt, wie man Links herunterlädt, die mit 115:// beginnen? Wenn Sie Links herunterladen möchten, die mit 115:// beginnen, müssen Sie den 115-Browser verwenden. Nachdem Sie den 115-Browser heruntergeladen haben, schauen wir uns das unten vom Herausgeber zusammengestellte Download-Tutorial an. Einführung zum Herunterladen von Links, die mit 115:// beginnen. 1. Melden Sie sich bei 115.com an, laden Sie den 115-Browser herunter und installieren Sie ihn. 2. Geben Sie Folgendes ein: chrome://extensions/ in die Adressleiste des 115-Browsers, rufen Sie das Extension Center auf, suchen Sie nach Tampermonkey und installieren Sie das entsprechende Plug-in. 3. Geben Sie in die Adressleiste des Browsers 115 ein: Grease Monkey Script: https://greasyfork.org/en/

Wie erhalte ich den Link zum WeChat-Videokonto? Wie füge ich Produktlinks zu WeChat-Videokonten hinzu? Wie erhalte ich den Link zum WeChat-Videokonto? Wie füge ich Produktlinks zu WeChat-Videokonten hinzu? Mar 22, 2024 pm 09:36 PM

Als Teil des WeChat-Ökosystems haben sich WeChat-Videokonten nach und nach zu einem wichtigen Werbeinstrument für Content-Ersteller und Händler entwickelt. Der Erhalt von Links zu Videokonten auf dieser Plattform ist für das Teilen und Verbreiten von Inhalten von entscheidender Bedeutung. Im Folgenden wird detailliert beschrieben, wie Sie den Link zum WeChat-Videokonto erhalten und wie Sie Produktlinks zum Videokonto hinzufügen, um den Verbreitungseffekt des Inhalts zu verbessern. 1. Wie erhalte ich den Link zum WeChat-Videokonto? Nachdem Sie ein Video auf Ihrem WeChat-Videokonto gepostet haben, erstellt das System automatisch einen Videolink. Autoren können den Link nach der Veröffentlichung kopieren, um die Weitergabe und Verbreitung zu erleichtern. Nachdem Sie sich bei Ihrem WeChat-Videokonto angemeldet haben, können Sie die Startseite Ihres Videokontos durchsuchen. Auf der Startseite ist jedem Video ein entsprechender Link beigefügt, sodass Sie es direkt kopieren oder teilen können. 3. Videokonto suchen: Geben Sie den Namen des Videokontos in das WeChat-Suchfeld ein

Was sind die Voraussetzungen für einen Videolink? Wie verknüpfe ich das Videokonto mit Waren? Was sind die Voraussetzungen für einen Videolink? Wie verknüpfe ich das Videokonto mit Waren? Mar 07, 2024 pm 01:13 PM

Mit der Popularität von Kurzvideoplattformen beginnen immer mehr YouTuber, Videokonten zum Erstellen und Bewerben von Inhalten zu nutzen. Videokonten können nicht nur persönliche Talente zur Schau stellen, sondern durch Produktverknüpfungen auch eine kommerzielle Monetarisierung ermöglichen. Um jedoch einen Link zu einem Videokonto hinzuzufügen, müssen bestimmte Bedingungen erfüllt sein. 1. Was sind die Voraussetzungen für einen Videolink? Die Authentifizierung des Videokontos ist eine Voraussetzung für das Hinzufügen von Links zu Ihrem Videokonto. Derzeit bieten große Kurzvideoplattformen wie Douyin und Kuaishou Zertifizierungsdienste an, die hauptsächlich zwei Arten umfassen: persönliche Zertifizierung und institutionelle Zertifizierung. Die persönliche Zertifizierung erfordert die Übermittlung echter Identitätsinformationen, während die institutionelle Zertifizierung die Bereitstellung von Zertifizierungsmaterialien relevanter Unternehmen oder Organisationen erfordert. Nach Abschluss der Authentifizierung können Benutzer Links zu ihren Videokonten hinzufügen, um die Glaubwürdigkeit und Autorität ihrer Konten zu erhöhen. Einer der Videolinks

So beheben Sie den 403-Fehler, der bei einer jQuery-AJAX-Anfrage auftritt So beheben Sie den 403-Fehler, der bei einer jQuery-AJAX-Anfrage auftritt Feb 20, 2024 am 10:07 AM

Titel: Methoden und Codebeispiele zur Behebung von 403-Fehlern in jQuery-AJAX-Anfragen. Der 403-Fehler bezieht sich auf eine Anfrage, dass der Server den Zugriff auf eine Ressource verbietet. Dieser Fehler tritt normalerweise auf, weil der Anfrage die Berechtigungen fehlen oder sie vom Server abgelehnt wird. Wenn Sie jQueryAJAX-Anfragen stellen, stoßen Sie manchmal auf diese Situation. In diesem Artikel wird erläutert, wie dieses Problem gelöst werden kann, und es werden Codebeispiele bereitgestellt. Lösung: Berechtigungen prüfen: Stellen Sie zunächst sicher, dass die angeforderte URL-Adresse korrekt ist und stellen Sie sicher, dass Sie über ausreichende Berechtigungen für den Zugriff auf die Ressource verfügen.

So beheben Sie den Fehler 403 der jQuery AJAX-Anfrage So beheben Sie den Fehler 403 der jQuery AJAX-Anfrage Feb 19, 2024 pm 05:55 PM

jQuery ist eine beliebte JavaScript-Bibliothek zur Vereinfachung der clientseitigen Entwicklung. AJAX ist eine Technologie, die asynchrone Anfragen sendet und mit dem Server interagiert, ohne die gesamte Webseite neu zu laden. Wenn Sie jedoch jQuery zum Senden von AJAX-Anfragen verwenden, treten manchmal 403-Fehler auf. Bei 403-Fehlern handelt es sich in der Regel um vom Server verweigerte Zugriffsfehler, möglicherweise aufgrund von Sicherheitsrichtlinien oder Berechtigungsproblemen. In diesem Artikel besprechen wir, wie Sie bei einer jQueryAJAX-Anfrage den Fehler 403 beheben können

So verlinken Sie auf Doudian – Tutorial zum Verlinken auf Doudian So verlinken Sie auf Doudian – Tutorial zum Verlinken auf Doudian Mar 06, 2024 am 08:40 AM

Viele Freunde wissen immer noch nicht, wie man auf Doudian verlinkt, daher erklärt der Redakteur unten das Tutorial zum Verlinken auf Doudian. Wenn Sie es brauchen, schauen Sie es sich meiner Meinung nach an. Schritt 1: Öffnen Sie zunächst das Doudian-Computerterminal und geben Sie in der linken Spalte „Window Product Management“ ein, wie im Bild gezeigt. Schritt 2: Klicken Sie dann oben rechts auf „Produkt hinzufügen“, wie im Bild gezeigt. Schritt 3: Kopieren Sie dann unseren Produktlink und fügen Sie ihn wie im Bild gezeigt ein. Schritt 4: Klicken Sie dann auf „Hinzufügen bestätigen“, wie im Bild gezeigt. Schritt 5: Geben Sie abschließend die Einleitung, Bilder und andere Informationen ein und klicken Sie dann auf „Bestätigen“, um eine Verknüpfung zu Douyin herzustellen, wie im Bild gezeigt. Das Obige ist der gesamte Inhalt zum Hinzufügen von Links zu Doudian, der Ihnen vom Herausgeber zur Verfügung gestellt wurde. Ich hoffe, dass er für alle hilfreich sein kann.

PHP und Ajax: Erstellen einer Autovervollständigungs-Vorschlags-Engine PHP und Ajax: Erstellen einer Autovervollständigungs-Vorschlags-Engine Jun 02, 2024 pm 08:39 PM

Erstellen Sie eine Engine für Autovervollständigungsvorschläge mit PHP und Ajax: Serverseitiges Skript: Verarbeitet Ajax-Anfragen und gibt Vorschläge zurück (autocomplete.php). Client-Skript: Ajax-Anfrage senden und Vorschläge anzeigen (autocomplete.js). Praktischer Fall: Fügen Sie ein Skript in die HTML-Seite ein und geben Sie die Kennung des Sucheingabeelements an.

See all articles