Home > Article > Web Front-end > Ajax realizes txt text popping up on the page

Ajax realizes txt text popping up on the page

php中世界最好的语言Original: 2018-04-03 17:40:491718browse

This time I will bring you the ajax implementation of txt text popping up on the page. What are the precautions for ajax implementation of txt text popping up on the page. The following is a practical case, let's take a look.

Use ajax technology to click the button and display the content in the TXT text on the page through the pop-up box

/*事件会在页面加载完成后触发。*/
<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>

I believe you have mastered the method after reading the case in this article. For more exciting things, please pay attention to php Other related articles on the Chinese website!

Ajax realizes txt text popping up on the page

Related articles