AJAX实例:用callback函数的AJAX实例

前端之家收集整理的这篇文章主要介绍了AJAX实例:用callback函数的AJAX实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
感兴趣的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧。
AJAX实例代码如下:

/**
 * AJAX实例:用callback函数的AJAX实例
 * 用一个callback函数创建一个XMLHttpRequest,并从一个TXT文件中检索数据。
 *
 * @param 
 * @arrange (512.笔记) jb51.cc
 **/
<script>
var xmlhttp;
function loadXMLDoc(url,cfunc)
{
if (window.XMLHttpRequest)
  {// IE7+,Firefox,Chrome,Opera,Safari 代码
  xmlhttp=new XMLHttpRequest();
  }
else
  {// IE6,IE5 代码
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=cfunc;
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
function myFunction()
{
    loadXMLDoc("/try/ajax/ajax_info.txt",function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
        }
    });
}
</script>

<div id="myDiv"><h2>使用 AJAX 修改文本内容</h2></div>
<button type="button" onclick="myFunction()">修改内容</button>


// 来自:编程之家 jb51.cc(jb51.cc)
原文链接:https://www.f2er.com/ajax/527500.html

猜你在找的Ajax相关文章