Maison > Article > interface Web > Ajax réalise que le texte txt apparaît sur la page
Ajax réalise que le texte txt apparaît sur la page
- php中世界最好的语言original
- 2018-04-03 17:40:491746parcourir
Cette fois, je vais vous présenter ajax pour que le texte txt apparaisse sur la page. Quelles sont les précautions pour qu'ajax réalise que le texte txt apparaisse sur la page. jetons un coup d'oeil.
Utilisez la technologie ajax pour cliquer sur le bouton et afficher le contenu du texte TXT sur la page via la boîte contextuelle
/*事件会在页面加载完成后触发。*/
<script>
window.onload = function（）{
/*获取按钮的id*/
var oBth=document.getElementById（‘btn'）;
/*点击按钮触发的函数*//
oBth.onclick = function(){
/*打开浏览器*/
var xhr = new XMLHttpRequest（）;
/*在地址栏输入地址，这里的1txt代表需要打开的内个txt文件*/
xhr.open（‘get'，‘1.txt'，true）
/*提交*/
xhr.send（）;
/*等服务器返回内容*/
xhr.onreadystatechange = function（）{
if（xhr.readystate==4）{
alert（xhr.responseText）;
}
}
}
}
</script>
<body>
<input type="button" value="按钮" id="btn">
</body>
Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article, venez pour des informations plus intéressantes. Faites attention aux autres articles connexes sur le site Web chinois de php !
Lecture recommandée :
Comment atteindre le niveau 2 avec Ajax combiné avec PHP Linkage
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!
Articles Liés
Voir plus- Une analyse approfondie du composant de groupe de liste Bootstrap
- Explication détaillée du currying de la fonction JavaScript
- Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
- Angularjs intègre l'interface utilisateur WeChat (weui)
- Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript