Maison > interface Web > js tutoriel > Comment utiliser la technologie ajax pour réaliser une fenêtre contextuelle txt sur la page

Comment utiliser la technologie ajax pour réaliser une fenêtre contextuelle txt sur la page

韦小宝
Libérer: 2018-01-15 11:39:13
original
1321 Les gens l'ont consulté

L'éditeur suivant vous proposera un article sur la façon d'utiliser la technologie ajax pour réaliser une pop-up txt sur la page. L'éditeur pense que c'est plutôt bien, alors maintenant je vais partager le code source ajax avec vous et le donner comme référence. Si vous êtes intéressé par ajax, suivez l'éditeur pour y jeter un œil

Utilisez la technologie ajax pour cliquer sur le bouton pour afficher le contenu du texte TXT sur la page via une boîte contextuelle

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

<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>
Copier après la connexion

Ce qui précède est tout le contenu de l'utilisation d'ajax pour ouvrir un fichier texte via une fenêtre pop-up. J'espère que cela sera utile à tout le monde ! !

Recommandations associées :

Paramètres ajax asynchrones pour vérifier si le nom d'utilisateur existe

Comment résoudre le code tronqué de la soumission Ajax sous IE

Explication détaillée du code d'exemple de téléchargement de fichier asynchrone du formulaire Ajax

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal