cari

Rumah >hujung hadapan web >tutorial js >JavaScript基于Ajax实现不刷新在网页上动态显示文件内容

JavaScript基于Ajax实现不刷新在网页上动态显示文件内容

亚连
亚连asal
2018-05-25 11:48:551940semak imbas

这篇文章主要介绍了JavaScript基于Ajax实现不刷新在网页上动态显示文件内容,可实现实时显示服务器上txt文件内容的功能,是Ajax基本应用,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JavaScript基于Ajax实现不刷新在网页上动态显示文件内容的方法。分享给大家供大家参考。具体如下：

下面的JS代码是一个最基础的JS的ajax实现，可以动态显示服务器上的文件ajax_info.txt文件的内容

<!DOCTYPE html>
<html>
<head>
<title>sharejs.com</title>
<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
 {// code for IE7+, Firefox, Chrome, Opera, Safari
 xmlhttp=new XMLHttpRequest();
 }
else
 {// code for IE6, IE5
 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
 }
xmlhttp.onreadystatechange=function()
 {
 if (xmlhttp.readyState==4 && xmlhttp.status==200)
  {
  document.getElementById("myp").innerHTML=xmlhttp.responseText;
  }
 }
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>
<p id="myp"><h2>Let AJAX change this text</h2></p>
<button type="button" onclick="loadXMLDoc()">Change Content</button>
</body>
</html>

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

django中使用jquery ajax post数据出现403错误的解决办法

详解ajax +jtemplate实现动态分页

Ajax在请求过程中显示进度的简单实现

Atas ialah kandungan terperinci JavaScript基于Ajax实现不刷新在网页上动态显示文件内容. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：AJAX对服务器返回XML的处理方法Artikel seterusnya：Oday提权批量拿取商城服务器root权限步奏详解

Artikel berkaitan

Lihat lagi