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程序设计有所帮助。



相关阅读:
JavaScript控制网页平滑滚动到指定元素位置的方法
jQuery使用中可能被XSS攻击的一些危险环节提醒
自定义min版smarty模板引擎MinSmarty.class.php文件及用法
json格式的javascript对象用法分析
jquery如何根据值设置默认的选中项
html文档中的location对象属性理解及常见的用法
JSP获取服务器时间以倒计时的形式在页面显示
绝对定位元素被遮挡的解决方法
深入探讨Java多线程中的volatile变量
mysql found_row()使用详解
sqlserver中获取date类的年月日语句
使用canvas绘制超炫时钟
在Linux系统上进行openmp多线程编程的方法
php-redis中的sort排序函数总结
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 推广普通话广播稿 (语文版) 2005年七年级语文下册期末试卷 感悟人生的经典句子 人生的苦与乐 请保护好自己的眼睛 家乡的铁血丰碑 不要等到失去才后悔,愿我们都有一个快乐的人生! 我的奥运梦想 倾吐的近义词 月光下的涛声作文100字 送人游武陵湘中 经典爱情幽默短信 又好又快发展大讨论心得体会 春过 花落 大专辩论赛发言稿 在全市项目建设工作会议上的讲话 2014端午节给朋友的祝福语 乡镇创新工作总结 梅园公园作文 校园的杨树100字 最无力的文字 2013年市护士节活动方案 推广普通话周的工作总结 浪漫女生节祝福短信 民警转正工作总结范例 大学生学习十七届四中全会心得 祝老师长辈生日快乐祝福语 其实,外面也是艳阳天 初中初一作文700字:45的阳光 《在人间》读后感300字 2006年八年级(上册)语文段考试题 300字三年级难忘的春节作文:欢喜的春节 告白绝笔信-崩溃的自杀-为了女孩而选择自杀! 2013年辅机实习报告 慢慢地长大了 爱已随风去 小学总务处主任竞聘报告 鲜花送给所有给予我幸福快乐的人作文550字 大学生村官助理工作总结 莫攀比作文700字 小学生社会调查报告2015 英语课前演讲稿3分钟 让座(一年级)作文100字 珍惜青春,少年在追梦 小学行风动员会议发言稿 海鸥无情,志愿有爱 《走向海洋》读书笔记1200字 我喜欢的三国人人物作文400字 “十一”华诞——国庆60周年作文作文600字 超级电动车 小学四年级作文400字:我的芭比娃娃

Copyright © 2016 phpStudy |