이번에는 ajax를 사용하여 페이지에 txt 텍스트가 팝업되도록 구현하는 방법을 알려드리겠습니다. 주의 사항은 무엇입니까? 바라보다.
Ajax 기술을 사용하여 버튼을 클릭하고 팝업 상자를 통해 페이지의 TXT 텍스트 내용을 표시합니다.
/*事件会在页面加载完成后触发。*/
<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>이 기사의 사례를 읽은 후 방법을 마스터했다고 믿습니다. 더 흥미로운 내용을 보려면. PHP 중국어 웹사이트의 다른 관련 기사도 주목해 보세요!
추천 자료:
Ajax는 사용자 등록을 구현하기 위해 백엔드 데이터베이스에 데이터를 제출합니다.
꼭 읽어야 할 Ajax 기술 구성 및 핵심 원칙 분석 초보자를 위한
위 내용은 Ajax는 페이지에 txt 텍스트가 나타나는 것을 인식합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
