| Blog信息 |
|
blog名称:
日志总数:1304
评论数量:2242
留言数量:5
访问次数:7587488
建立时间:2006年5月29日 |
| |
|
 [Prototype(Ajax)]AJAX基础教程
软件技术
lhwork 发表于 2006/9/2 11:52:38 |
这篇文章将带您浏览整个AJAX的基本概貌,并展示两个简单的例子让您轻松上路.
什么是 AJAX?
AJAX
(异步 JavaScript 和 XML)
是个新产生的术语,专为描述JavaScript的两项强大性能.这两项性能在多年来一直被网络开发者所忽略,直到最近Gmail, Google
suggest和google Maps的横空出世才使人们开始意识到其重要性.
这两项被忽视的性能是:
无需重新装载整个页面便能向服务器发送请求.
对XML文档的解析和处理．
步骤 1 – "请!" --- 如何发送一个HTTP请求
为了用JavaScript向服务器发送一个HTTP请求, 需要一个具备这种功能的类实例. 这样的类首先由Internet
Explorer以ActiveX对象引入, 被称为XMLHTTP. 后来Mozilla, Safari 和其他浏览器纷纷仿效,
提供了XMLHttpRequest类 |
|
|
[Prototype(Ajax)]用 prototype 定义自己的方法
软件技术
lhwork 发表于 2006/8/31 11:02:15 |
本文是本人通过个人理解所写成的，没有参照任何资料，如有雷同，纯属巧合，同时，如果您要引用本文文字，请注明 — 作者：windy_sk；Email:seasonx@163.net，谢谢！
本文进通过实例，讲述通过 prototype 自定义方法的过程，旨在抛砖引玉，如果不对的地方，欢迎指正！
prototype 是在 IE 4 及其以后版本引入的一个针对于某一类的对象的方法，而且特殊的地方便在于：它是一个给类的对象添加方法的方法！这一点可能听起来会有点乱，别急，下面我便通过实例对这一特殊的方法作已下讲解：
首先，我们要先了解一下类的概念，JavaScript
本身是一种面向对象的语言，它所涉及的元素根据其属性的不同都依附于某一个特定的类。我们所常见的类包括：数组变量(Array)、逻辑变量
(Boolean)、日期变量(Date)、结构变量(Function)、数值变量(Number)、对象变量(Object)、字符串变量
(String)
等，而相关的类的方法，也是程序员经常用到的（在这里要区分一下类的注意和属性发 |
|
|
[Prototype(Ajax)]prototype.js的Ajax对象
软件技术
lhwork 发表于 2006/8/31 10:38:40 |
我想prototype.js里的ajax对象肯定吸引了不少人，大量封装好的ajax逻辑的类，对于我们这些初学者使用ajax有很大的帮助。
以下用一个我的具体使用例子来解释：效果看这里
1. Ajax.Request
你可以这样创建它
var url = 'http://yoursever/your/your';
var pars = 'id=xxx';
var myAjax = new Ajax.Request(
url,
{method: 'get', parameters: pars, onComplete: yourf |
|
|
[Prototype(Ajax)]最简单的AJAX应用——实现页面无刷新
软件技术
lhwork 发表于 2006/8/31 10:35:17 |
//将链接改为：
<a href="#" onClick="getNews(1)">新闻1</a>
//并且设置一个接收新闻的层，并且设置为不显示：
<div id="show_news"></div>
构造相应JS内容：
/**
* 初始化一个xmlhttp对象
*/
function InitAjax()
{
var ajax=false;
try {
ajax = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
ajax = false;
}
}
if (!ajax && typeof XML |
|
|