Heim >Web-Frontend >js-Tutorial >So verwenden Sie die Ajax-Technologie, um ein TXT-Popup auf der Seite zu realisieren

So verwenden Sie die Ajax-Technologie, um ein TXT-Popup auf der Seite zu realisieren

韦小宝Original: 2018-01-15 11:39:131318Durchsuche

Der folgende Editor bringt Ihnen einen Artikel darüber, wie Sie mithilfe der Ajax-Technologie ein TXT-Popup auf der Seite realisieren können. Der Herausgeber findet es ziemlich gut, deshalb teile ich jetzt den Ajax-Quellcode mit Ihnen und gebe ihn als Referenz. Wenn Sie sich für Ajax interessieren, folgen Sie dem Editor, um einen Blick darauf zu werfen.

Klicken Sie mithilfe der Ajax-Technologie auf die Schaltfläche , um den Inhalt im TXT-Text auf der Seite über ein Popup-Feld anzuzeigen

/*事件会在页面加载完成后触发。*/

<script>

window.onload = function（）{

/*获取按钮的id*/

　　var oBth=document.getElementById（‘btn&#39;）;

/*点击按钮触发的函数*//

　　oBth.onclick = function(){

/*打开浏览器*/

　　　　var xhr = new XMLHttpRequest（）;

/*在地址栏输入地址，这里的1txt代表需要打开的内个txt文件*/

　　　　xhr.open（‘get&#39;，‘1.txt&#39;，true）

/*提交*/

　　　　xhr.send（）;

/*等服务器返回内容*/

　　　　xhr.onreadystatechange = function（）{

　　　　　　if（xhr.readystate==4）{

　　　　　　alert（xhr.responseText）;

}

}

}

}

</script>

<body>
<input type="button" value="按钮" id="btn">
</body>

Das Obige ist der gesamte Inhalt der Verwendung von Ajax zum Öffnen einer Textdatei über ein Popup-Fenster. Ich hoffe, dass es für alle hilfreich ist. !

Verwandte Empfehlungen:

Ajax-Einstellungen asynchron, um zu überprüfen, ob der Benutzername vorhanden ist

So lösen Sie verstümmelten Ajax-Übermittlungscode unter IE

Ausführliche Erklärung des Beispielcodes für den asynchronen Datei-Upload im Ajax-Formular

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Ajax-Technologie, um ein TXT-Popup auf der Seite zu realisieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

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

Vorheriger Artikel：Ajax implementiert die FernkommunikationNächster Artikel：Ajax implementiert die Fernkommunikation

In Verbindung stehende Artikel

Mehr sehen