• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    JavaScript基于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("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实现不刷新取最新商品
    上一篇:探秘ajax跨域请求
    下一篇:AJAX对服务器返回XML的处理方法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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