All articles| All Pictures| All Softwares| All Video| Go home page| Write articles| Upload pictures

Reading number is top 10 articles
用IHttpModule解决输入中文地址乱码问题(二)_[Asp.Net教程]
ASP.NET常用代码Eval,DataBinder.Eval实例_[Asp.Net教程]
ASP.NET,2.0移动开发入门之使用模拟器_[Asp.Net教程]
将GridView内容导出到Excel或Word中_[Asp.Net教程]
visual c++工具栏的显示
ASP.NET获取服务器IP与MAC地址的方法_[Asp.Net教程]
关于PHP动态网页session问题的解决方案_php资料_编程技术
利用OpenSmtp.Net发送需要smtp验证的邮件_.net资料_编程技术
PHP实例:用PHP程序实现随机广告图片显示_php资料_编程技术
Asp.Net编程基础经验技巧总结_[Asp.Net教程]
Reading number is top 10 pictures
Summer is most suitable for young people to travel in China5
Summer is most suitable for young people to travel in China6
The money of more than 100 countries and regions6
西班牙山村小景3
如果我是导演...
29 the belle stars after bath figure3
In the world the most mysterious 21 place landscape4
白嫩丰满美女照片
More attractive than sora aoi4
Household design comfortable contracted
Download software ranking
Sora aoi, the nurse, uniform ,nursing assistant
圣殿祭司的ASP.NET.2.0.开发详解-使用C#
Eclipse-CALMSANNY (second edition)
Tram sex maniac 2 (H) rar bag15
Boxer's Top ten classic battle4
Tram sex maniac 2 (H) rar bag5
Unix video tutorial17
Unix video tutorial9
matrix1
美女写真2
delv published in(发表于) 2013/12/31 6:41:41 Edit(编辑)
用AJAX编写一个简单的相册_JavaScript技术_编程技术

用AJAX编写一个简单的相册_JavaScript技术_编程技术

用AJAX编写一个简单的相册_JavaScript技术_编程技术-你的首页-uuhomepage.com

  AJAX(Asynchronous javascript And XML)是一种运用javascript和可扩展标记语言(XML),在网络浏览器和服务器之间传送或接受数据的技术。主要应用于Ria(Rich internet applications)的开发上。


  xml问题终于在今天还是解决了。最后在FireFox里还是使用了Dom的一些老方法。我这里就具体解释一下方法吧.

  代码:


var XmlHttp; //用来定义一个xmlHttpRequest对象
var temp_url_arr=new Array()
var temp_title_arr=new Array()
var list_arr=new Array()
if (window.XMLHttpRequest) {
 XmlHttp = new XMLHttpRequest()
 if (XmlHttp.overrideMimeType) {
  XmlHttp.overrideMimeType('text/xml');
 }
} else if (window.ActiveXObject) {
 XmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
//上面这段话是判断当前浏览器版本,以定义给XmlHttp不同的xmlHttpRequest对象.如果服务器的响应没有XML mime-type header,某些Mozilla浏览器可能无法正常工作。 所以需要XmlHttp.overrideMimeType('text/xml');来修改该header.

function getData() { //读取数据
 XmlHttp.onreadystatechange = praseXml;
 XmlHttp.open("GET", "xmldata2.xml", true);
 XmlHttp.send(null);
}

function praseXml() { //解析数据
 if (XmlHttp.readyState == 4) {
  if (XmlHttp.status == 200) {
   var xmldoc = XmlHttp.responseXML;
   var root=xmldoc.getElementsByTagName('data').item(0)
   //使用这样的方法才可在FireFox里面生效.至少xPath我没成功过.
   for (var iRoot = 0; iRoot < root.childNodes.length; iRoot++) {
    //alert(root.childNodes.item(iRoot))
    var pic_node=root.childNodes.item(iRoot)
    for (iPic = 0; iPic < pic_node.childNodes.length; iPic++) {
     var url_node=pic_node.childNodes.item(iPic)
     for (iURL = 0; iURL < url_node.childNodes.length; iURL++) {
      var obj=new Object()
      obj.type=url_node.nodeName
      obj.content=url_node.childNodes.item(iURL).nodeValue
      if(url_node.nodeName == "url"){
       temp_url_arr.push(obj)
      }else if(url_node.nodeName == "title"){
       temp_title_arr.push(obj)
      }
     }
    }
   }
   install_list()
  }
 }
}

function install_list(){ //整理得到的数据并装载到list_arr数组中。
 list_arr=new Array()
 var target_div=document.getElementById('catelog');
 target_div.innerHTML=""
 for(var i=0;i  var obj=new Object()
  obj.url=temp_url_arr[i].content
  obj.title=temp_title_arr[i].content
  list_arr.push(obj)
 }
 for(var i=0;i  target_div.innerHTML +=""+list_arr[i].title+"
";
 }
}

function img_loader(param1){ //加载图片方法
 var target_div=document.getElementById('pic');
 target_div.innerHTML=""
}



添加到del.icio.us 添加到新浪ViVi 添加到百度搜藏 添加到POCO网摘 添加到天天网摘365Key 添加到和讯网摘 添加到天极网摘 添加到黑米书签 添加到QQ书签 添加到雅虎收藏 添加到奇客发现 diigo it 添加到饭否 添加到飞豆订阅 添加到抓虾收藏 添加到鲜果订阅 digg it 貼到funP 添加到有道阅读 Live Favorites 添加到Newsvine 打印本页 用Email发送本页 在Facebook上分享


Disclaimer Privacy Policy About us Site Map

If you have any requirements, please contact webmaster。(如果有什么要求,请联系站长)
Copyright ©2011-
uuhomepage.com, Inc. All rights reserved.