Maison > Article > interface Web > 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

韦小宝original: 2018-01-15 11:39:131277parcourir

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>

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!

Déclaration：

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

Article précédent：Ajax implémente la communication à distanceArticle suivant：Ajax implémente la communication à distance

Articles Liés

Voir plus