Ajax テクノロジーを使用してページ上に txt ポップアップを実現する方法-jsチュートリアル-php.cn

Ajax テクノロジーを使用してページ上に txt ポップアップを実現する方法

韦小宝

リリース： 2018-01-15 11:39:13

オリジナル

1243 人が閲覧しました

以下のエディターは、Ajax テクノロジーを使用してページ上にテキストをポップアップ表示する方法に関する記事を提供します。編集者はこれが非常に優れていると考えているので、ここで ajax ソースコードを共有し、参考として提供します。 ajax に興味がある場合は、エディターをフォローしてご覧ください

ajax テクノロジーを使用して、ボタンをクリックし、ポップアップボックスを通じてページ上の TXT テキストのコンテンツを表示します

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

<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>

ログイン後にコピー

上記は、 ajax を使用してポップアップウィンドウから開くテキストファイルの内容はすべて、皆さんの学習に役立つことを願っています。！