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

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    ajax调用简单实例

    本文实例讲述了ajax调用的方法。分享给大家供大家参考,具体如下:

    把url返回的数据,填充到指定id的div中

    客户端: test.html

    script>
    function createXMLHttp()
    {
      var ret = null;
      try {
        ret = new ActiveXObject('Msxml2.XMLHTTP');
      }
      catch (e) {
        try {
          ret = new ActiveXObject('Microsoft.XMLHTTP');
        }
        catch (ee) {
          ret = null;
        }
      }
      if (!ret  typeof XMLHttpRequest != 'undefined')
        ret = new XMLHttpRequest();
      return ret;
    }
    function loadXmlToElement(fragment_url, element_id)
    {
     var element = document.getElementById(element_id);
     element.innerHTML ='img src="loading.gif" border="0"/>数据加载中...br/>';
     var xmlhttp = createXMLHttp();
     xmlhttp.open("GET", fragment_url);
     xmlhttp.onreadystatechange = function() 
     {
     if (xmlhttp.readyState == 4  xmlhttp.status == 200) 
     {
      //alert(xmlhttp.responseXML.getElementsByTagName("data")[0].childNodes[0].nodeValue);
      element.innerHTML =
    unescape(xmlhttp.responseXML.getElementsByTagName("data")[0].childNodes[0].nodeValue);
      if(!element.innerHTML || element.innerHTML == "/n")
      {
      try{
       element.innerHTML = unescape(xmlhttp.responseXML.firstChild.childNodes[1].nodeValue);
      }catch(e){}
      }
     }
     }
     xmlhttp.send(null); 
    }
    /script>
    div id="data">
    /div>
    script>
     var url="t.xml";
     //alert(url);
     loadXmlToElement(url,"data");
    /script>
    
    

    把url返回的数据,填充到指定id的div中

    服务端:

    test.xml

    ?xml version='1.0' encoding='utf-8' ?>
    data>
    ![CDATA[ 
    this is a test
    ]]>
    /data>
    
    

    注意服务器返回CDATA格式数据,内部可以是任何html代码

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

    您可能感兴趣的文章:
    • ajax中data传参的两种方式分析
    • Ajax异步提交数据返回值的换行问题实例分析
    • IE浏览器与FF浏览器关于Ajax传递参数值为中文时的区别实例分析
    • Javascript基于AJAX回调函数传递参数实例分析
    • jQuery+json实现的简易Ajax调用实例
    • JQuery中Ajax()的data参数类型实例分析
    上一篇:探讨.get .post .ajax ztree 还有后台servlet传递数据的相关知识
    下一篇:IE浏览器与FF浏览器关于Ajax传递参数值为中文时的区别实例分析
  • 相关文章
  • 

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

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

    ajax调用简单实例 ajax,调用,简单,实例,ajax,