집 >웹 프론트엔드 >JS 튜토리얼 >Ajax 기술을 사용하여 페이지에 txt 팝업을 구현하는 방법

Ajax 기술을 사용하여 페이지에 txt 팝업을 구현하는 방법

韦小宝원래의: 2018-01-15 11:39:131316검색

아래 편집기는 Ajax 기술을 사용하여 페이지에 txt 팝업을 만드는 방법에 대한 기사를 제공합니다. 편집자는 꽤 괜찮다고 생각하므로 이제 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를 사용하여 팝업창으로 열기 텍스트 파일의 모든 내용을 모두 학습하는데 도움이 되었으면 좋겠습니다! !

Ajax 기술을 사용하여 페이지에 txt 팝업을 구현하는 방법

관련 기사