`
rigger21
  • 浏览: 129770 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

AJAX例子介绍

阅读更多
<script>function StorePage(){d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();}</script>为了大家的方便,我从一本书上看见了一段代码,给大家发上来看看,并且自己添加了注释:
<SCRIPT LANGUAGE="JavaScript">

var bloglist=new Array();//定义一个数组获取所有节点的值
var xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");//通过这个就能得到xmlHttpRequest的内置对象了
function startload(){//写一个函数好在后面进行调用。
xmlHttp.open("GET", "http://www.blogjava.net/zbw25/Rss.aspx", true);//调用xmlhttprequest的open方法,以get的形式进行异步提交。
xmlHttp.onreadystatechange=function() {
if (xmlHttp.readyState==4&&xmlHttp.status==200) {//判断返回的值是什么。readyState有几个返回值:0表示未初始化 没有调用open方法 ,1表示调用了open方法以后 ,2表示调用send方法以后, 3表示正在进行接受数据 ,4表示接受完毕。status的返回值是200的时候表示返回的结果是正确的,这样才能进行解析XML。
var xmldom=xmlHttp.responseXML; //进行数据的读取,数据的读取有这样的几个值:responsetext 以字符串的形式返回,responsexml 格式化成xmldom对象形式返回,responsebody 以数组的形式返回。还有一个不是很常用,不写了。
var channel=xmldom.documentElement.childNodes.item(0);//获取节点的值。
var itemlist=channel.childNodes;//获取所有的节点,并且把他们放在一个数组中。
for(var i=0;i<itemlist.length;i++){//以循环的形式进行显示。
var node=itemlist.item(i);//获取所有节点中的一个节点
if(node.tagName=="title"){//判断
blogtitle.innerHTML=node.text;//把得到的节点的值赋给blogtitle,然后在使用动态HTML(DHTML)链接到指定的页面。
}
if(node.tagName=="link"){
bloglink.href=node.text;
}
if(node.tagName=="description"){
blogdescription.innerHTML=node.text;
}
if(node.tagName=="managingEditor"){
managingEditor.innerHTML=node.text;
}
if(node.tagName=="item"){
bloglist[bloglist.length]=node.childNodes;
}
}
showitem(bloglist[0]);//显示所有节点的文字,你可以把这句话删除,然后试试效果。
}
}
xmlHttp.send(null);
}

function showitem(itemlist){
for(var i=0;i<itemlist.length;i++){
var node=itemlist.item(i);
if(node.tagName=="title"){
itemtitle.innerHTML=node.text;
}
if(node.tagName=="link"){
itemlink.href=node.text;
}
if(node.tagName=="description"){
description.innerHTML=node.text;
}
if(node.tagName=="author"){
author.innerHTML=node.text;
}
if(node.tagName=="pubDate"){
pubDate.innerHTML=node.text;
}
}
}
</SCRIPT>
<body onload="startload()">
<font color=blue><a id="bloglink" href="#"><div id="blogtitle"></div></a></font><br>
By <font color=blue><div id="managingEditor"></div></font><br>
<font color=blue><div id="blogdescription"></div></font><br>
<br>
<font color=#000066><a id="itemlink" href="#"><div id="itemtitle"></div></a></font><br>
By <font color=blue><div id="author"></div></font><br>
<div id="description"></div><br>
<div id="pubDate" align="right"></div>
</body>

希望有什么不足的地方进行指教!
分享到:
评论

相关推荐

    ajax例子ajax例子

    在Ajax的例子中,通常会涉及到以下几个关键步骤: 1. **创建XMLHttpRequest对象**:在JavaScript代码中,首先需要创建一个XMLHttpRequest对象,这是Ajax的基础。虽然名称中含有XML,但实际上它不仅可以处理XML,还...

    很简单的一个AJAX例子

    这个"很简单的一个AJAX例子"的标题和描述表明,我们将会探讨一个基础的AJAX应用实例,它可能包含了一个简单的JavaScript代码示例,用于向服务器发送请求并接收响应,以实现页面的异步更新。 在Web开发中,AJAX的...

    一个完整的ajax应用例子

    **Ajax(Asynchronous JavaScript and XML)技术是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。在本示例中,我们看到一个完整的Ajax应用,用于实现一个模拟的注册页面功能,用户输入用户名后,...

    JSP使用Ajax 例子

    下面我们将详细介绍如何在JSP中使用Ajax,并结合一个简单的示例进行解析。 首先,确保你的JSP页面中引入了Ajax库,例如jQuery。在头部添加以下HTML代码: ```html ...

    一个简单的Ajax例子

    在这个"一个简单的Ajax例子"中,我们将深入探讨Ajax的核心概念、工作原理以及如何编写基本的Ajax代码。 1. **Ajax核心概念**: - **异步通信**:Ajax允许浏览器与服务器进行非阻塞通信,即用户在请求处理期间仍可...

    易懂asp的ajax例子

    总结,"易懂asp的ajax例子"应该包含如何在ASP中使用Ajax进行异步通信的实例,通过XMLHttpRequest或jQuery的$.ajax()方法,结合客户端和服务器端的脚本编写,实现页面部分数据的动态加载,提高用户体验。文件名...

    AJAX例子 结合ASP.NET

    AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。结合ASP.NET,我们可以创建动态、交互性更强的Web应用程序。在这个AJAX与ASP.NET的入门案例中,我们将深入...

    ajax 例子ajax 例子

    以下是对Ajax技术的详细介绍: 1. **基本原理**:Ajax的工作原理基于浏览器提供的`XMLHttpRequest`对象,它允许JavaScript在后台与服务器通信,而无需重新加载页面。通过创建XMLHttpRequest实例,设置请求方法、URL...

    ajax最简单例子

    总的来说,这个简单的Ajax例子展示了如何通过JavaScript与服务器进行异步通信,以及如何将返回的数据动态地更新到页面上。对于初学者来说,理解这个基本流程是学习Ajax的关键。随着深入学习,你还可以了解更多的高级...

    jquery+ajax例子

    在这里,我们将深入探讨基于jQuery的Ajax应用,以"jQuery+Ajax例子"为标题,结合项目描述和标签,我们来详细讲解这些技术。 1. **jQuery简介** jQuery由John Resig在2006年创建,旨在使JavaScript编程变得更加简单...

    Ajax的JSP例子

    **Ajax的JSP例子** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这个例子是基于JSP(JavaServer Pages)实现的,展示了如何利用Ajax与服务器进行异步...

    php+ajax例子

    标题中的“php+ajax例子”指的是使用PHP服务器端语言与AJAX(Asynchronous JavaScript and XML)客户端技术结合的示例应用。在Web开发中,PHP通常用于处理服务器端逻辑,而AJAX则允许网页在不刷新整个页面的情况下,...

    msajax简单例子jsmsajax简单例子jsmsajax简单例子js

    msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子

    一些ajax例子,ajax学习例子

    在本案例中,“一些ajax例子,ajax学习例子”是一个学习和实践Ajax技术的资源集合。 Ajax的核心是JavaScript对象XMLHttpRequest,它允许开发者在后台与服务器进行通信,而不会打断用户的交互。以下是一些关键的Ajax...

    Ajax小例子源码

    本Ajax小例子源码提供了对这一技术的基础应用,非常适合初学者学习和理解Ajax的工作原理。下面我们将详细解析Ajax的几个关键知识点: 1. **XMLHttpRequest对象**:这是Ajax的核心,它是JavaScript内置的对象,用于...

    ajax例子,ajax例子

    Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新。这使得网页更加用户友好,提高了用户体验,...

    ajax,jQuery 例子大全,json例子

    这个压缩包文件中的例子涵盖了Ajax、jQuery和JSON的基础使用,从简单的GET请求到复杂的异步数据交互,对于初学者来说是非常宝贵的资源。通过学习和实践这些例子,你可以更好地理解和掌握如何使用Ajax和jQuery来创建...

    自己写的最简单Ajax例子

    在"自己写的最简单Ajax例子"中,我们可以看到两个简单的实例,适合初学者入门学习。 首先,我们来详细讲解一下Ajax的核心概念: 1. 异步通信:Ajax的核心特性就是异步,这意味着在发送请求后,浏览器不会等待...

    AJAX_CODE

    简单的ajax例子介绍

    一个最简单的AJAX例子

    这个"一个最简单的AJAX例子"很可能是用来展示如何使用AJAX来动态获取和更新网页内容的基础教程。让我们深入了解一下AJAX的核心概念及其工作原理。 首先,AJAX的关键在于异步性,这意味着用户可以继续在网页上进行...

Global site tag (gtag.js) - Google Analytics