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

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

热门标签:团购网站 服务器配置 电子围栏 银行业务 Mysql连接数设置 科大讯飞语音识别系统 Linux服务器 阿里云

本文实例讲述了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("myDiv").innerHTML=xmlhttp.responseText;
  }
 }
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
}
/script>
/head>
body>
div id="myDiv">h2>Let AJAX change this text/h2>/div>
button type="button" onclick="loadXMLDoc()">Change Content/button>
/body>
/html>

希望本文所述对大家的Ajax程序设计有所帮助。

您可能感兴趣的文章:
  • ajax的分页查询示例(不刷新页面)
  • jquery ajax多次请求数据时 不刷新问题的解决方法
  • Ajax实现不刷新取最新商品

标签:江苏 萍乡 大理 衡水 枣庄 衢州 蚌埠 广元

巨人网络通讯声明:本文标题《JavaScript基于Ajax实现不刷新在网页上动态显示文件内容》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266