아래 편집기는 Ajax 기술을 사용하여 페이지에 txt 팝업을 만드는 방법에 대한 기사를 제공합니다. 편집자는 꽤 괜찮다고 생각하므로 이제 Ajax 소스 코드를 여러분과 공유하고 참고용으로 제공하겠습니다. ajax에 관심이 있다면 편집자를 따라가보세요
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>위 내용은 다음과 같습니다. ajax를 사용하여 팝업창으로 열기 텍스트 파일의 모든 내용을 모두 학습하는데 도움이 되었으면 좋겠습니다! !
관련 권장 사항:
ajax 설정 async로 사용자 이름 존재 여부 확인
Ajax 양식 비동기 업로드 파일 예제 코드 자세한 설명
위 내용은 Ajax 기술을 사용하여 페이지에 txt 팝업을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
