Maison > interface Web > js tutoriel > le corps du texte

Ajax réalise que le texte txt apparaît sur la page

php中世界最好的语言
Libérer: 2018-04-03 17:40:49
original
1763 Les gens l'ont consulté

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

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 :

Ajax soumet des données à la base de données backend pour mettre en œuvre l'enregistrement des utilisateurs

Comment atteindre le niveau 2 avec Ajax combiné avec PHP Linkage

Une analyse incontournable des composants technologiques Ajax et des principes de base pour les débutants

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