毛蛋(maoegg)网

——只为技术而存在

正在浏览标签为 ajax 的文章

jQuery对象与DOM对象的互相转换

1、jQuery对象转换成DOM对象–[index]和get(index)两种

jQuery代码([index]方法得到DOM对象):

var $cr = $(“#cr”); //jQuery对象
var cr = $cr[0]; //DOM对象
alert(cr.checked) //检测这个checkbox是否被选中了

jQuery代码(jQuery提供的,get(index)方法得到DOM对象):

var $cr = $(“#cr”); //jQuery对象
var cr = $cr.get(0); //DOM对象
alert(cr.checked) //检测这个checkbox是否被选中了

2、DOM对象转换成jQuery对象
一个DOM对象,只需用$()把DOM对象包装起来,就可以获得一个jQuery对象
jQuery代码: 继续阅读

jQuery的层次结构
(1)对于同一个对象不超过3个操作的,可以直接写成一行。

$(“li”).show.unbind(“click”);

(2)对于同一个对象操作较多,建议每行写一个操作。

$(this).removeClass(“mouseout”)
.addClass(“mouseover”)
.stop()
.fadeTo(“fast”,0.6)
.fadeTo(“fast”,1)
.unbind(“click”)
.click(function(){
//….其他操作
}); 继续阅读

编写一个简单的jQuery代码
首先:jQuery库中,$就是jQuery的一个简写,例如:$(“#foo”)和jQuery(“#foo”)是等价的
$.ajax和jQuery.ajax是等价的
使用jQuery时,只需将jquery-1.4.2.min.js引入到当前网页中即可,如:
<script language=”javascript” src=”jquery-1.4/jquery-1.4.2.min.js”></script>
HelloWorld!
首先引入jQuery库,然后写入
$(document).ready(function(){
alert(“Hello jQuery”);
});
PS:这段代码的作用类似于传统javascript中的window.onload方法,不过与window.onload有些区别
window.onload ①与$(document).ready() ②对比 继续阅读

说明:一直比较仰慕jQuery的强大,一直也想找个机会了解一下,这几天看一下《锋利的jQuery》电子书跟源代码,学习一下。把整理到的笔记贴到网上,供大家参考,也供自己复习之用。本人菜鸟,如有欠妥之处,大家原谅。

1、程序中的$符号都是jQuery的一个简写形式。

2、一般情况下,如果获取的是jQuery对象,那么在变量前加$。如:

var $variable = jQuery 对象; 继续阅读

从网上找的,自己改了一下,感觉很垃圾,应该有更好的方式

分一下几个页面(在同一级目录下):
ajaxpg.js
conn.php
main.php
page.css
test.php

每一页代码如下:
ajaxpg.js
继续阅读

在 HTML 的外部文件中一样,标记的组织与其样式、格式和行为是分离的。虽然您肯定可以用 JavaScript 更改元素或文本的样式,但实际更改您的标记所布置的组织却更加有趣。
只要牢记您的标记只为您的页面提供组织、框架,您就能立于不败之地。再前进一小步,您就会明白浏览器是如何接受所有的文本组织并将其转变为超级有趣的一些东西的,即一组对象,其中每个对象都可被更改、添加或删除。

文本标记的优点

在讨论 Web 浏览器之前,值得考虑一下为什么纯文本绝对 是存储 HTML 的最佳选择(有关详细信息,请参阅 有关标记的一些其他想法)。不考虑优缺点,只是回忆一下在每次查看页面时 HTML 是通过网络发送到 Web 浏览器的(为了简洁,不考虑高速缓存等)。真是再没有比传递文本再有效的方法了。二进制对象、页面图形表示、重新组织的标记块等等,所有这一切都比纯文本文件通过网络传递要更困难。
继续阅读

对于很多 Web 开发人员来说,只需要生成简单的请求并接收简单的响应即可;但是对于希望掌握 Ajax 的开发人员来说,必须要全面理解 HTTP 状态代码、就绪状态和 XMLHttpRequest 对象。在本文中,Brett McLaughlin 将向您介绍各种状态代码,并展示浏览器如何对其进行处理,本文还给出了在 Ajax 中使用的比较少见的 HTTP 请求。

在本系列的 上篇文章 中,我们将详细介绍 XMLHttpRequest 对象,它是 Ajax 应用程序的中心,负责处理服务器端应用程序和脚本的请求,并处理从服务器端组件返回的数据。由于所有的 Ajax 应用程序都要使用 XMLHttpRequest 对象,因此您可能会希望熟悉这个对象,从而能够让 Ajax 执行得更好。

在本文中,我将在上一篇文章的基础上重点介绍这个请求对象的 3 个关键部分的内容:

·HTTP 就绪状态
·HTTP 状态代码
·可以生成的请求类型
继续阅读

多数 Web 应用程序都使用请求/响应模型从服务器上获得完整的 HTML 页面。常常是点击一个按钮,等待服务器响应,再点击另一个按钮,然后再等待,这样一个反复的过程。有了 Ajax 和 XMLHttpRequest 对象,就可以使用不必让用户等待服务器响应的请求/响应模型了。本文中,Brett McLaughlin 介绍了如何创建能够适应不同浏览器的 XMLHttpRequest 实例,建立和发送请求,并响应服务器。

本系列的上一期文章(请参阅 参考资料 中的链接),我们介绍了 Ajax 应用程序,考察了推动 Ajax 应用程序的基本概念。其中的核心是很多您可能已经了解的技术:JavaScript、HTML 和 XHTML、一点动态 HTML 以及 DOM(文档对象模型)。本文将放大其中的一点,把目光放到具体的 Ajax 细节上。

本文中,您将开始接触最基本和基础性的有关 Ajax 的全部对象和编程方法:XMLHttpRequest 对象。该对象实际上仅仅是一个跨越所有 Ajax 应用程序的公共线程,您可能已经预料到,只有彻底理解该对象才能充分发挥编程的潜力。事实上,有时您会发现,要正确地使用 XMLHttpRequest,显然不能 使用 XMLHttpRequest。这到底是怎么回事呢?

Web 2.0 一瞥
继续阅读

Ajax 由 HTML、JavaScript™ 技术、DHTML 和 DOM 组成,这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序。本文的作者是一位 Ajax 专家,他演示了这些技术如何协同工作 —— 从总体概述到细节的讨论 —— 使高效的 Web 开发成为现实。他还揭开了 Ajax 核心概念的神秘面纱,包括 XMLHttpRequest 对象。

五年前,如果不知道 XML,您就是一只无人重视的丑小鸭。十八个月前,Ruby 成了关注的中心,不知道 Ruby 的程序员只能坐冷板凳了。今天,如果想跟上最新的技术时尚,那您的目标就是 Ajax。

但是,Ajax 不仅仅 是一种时尚,它是一种构建网站的强大方法,而且不像学习一种全新的语言那样困难。

但在详细探讨 Ajax 是什么之前,先让我们花几分钟了解 Ajax 做 什么。目前,编写应用程序时有两种基本的选择:
继续阅读