Ajax从零开始(1)

原创 2006年06月10日 16:45:00
等了N个月终于有机会看到Ajax In Action纯英文版,于是忽冲冲下载制定了1个月的学习计划。

由于之前对此有些了解,比如必备的XHTML+CSS都已经烂熟了,其次对于XMLHTTP、M.XmlHttp几个对象也有接触。

 


--------------------------------------------------------------------------------

 

由此,我的Ajax学习之路从这里展开......

一个Ajax Hello World事例:
test.html

《html》
《head》
《link rel='stylesheet' type='text/css'
href='hello.css' /》
《script type='text/javascript'
src='hello.js'》《/script》
《/head》
《body》
《p id='hello'》hello《/p》
《div id='empty'》《/div》
《/body》
hello.css

.declared{
color: red;
font-family: arial;
font-weight: normal;
font-size: 16px;
}
.programmed{
color: blue;
font-family: helvetica;
font-weight: bold;
font-size: 10px;
}
hello.js

window.onload=function(){
var hello=document.getElementById('hello');
hello.className='declared';
var empty=document.getElementById('empty');
addNode(empty,"reader of");
addNode(empty,"Ajax in Action!");
var children=empty.childNodes;
for (var i=0;i<children.length;i++){
children[i].className='programmed';
}
empty.style.border='solid green 2px';
empty.style.width="200px";
}
function addNode(el,text){
var childEl=document.createElement("div");
el.appendChild(childEl);
var txtNode=document.createTextNode(text);
childEl.appendChild(txtNode);
}
 

从零开始学习jQuery之Ajax快餐(1)

转自:http://developer.51cto.com/art/201105/264172.htm   本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Ajax...
  • psyuhen
  • psyuhen
  • 2012年03月06日 13:35
  • 498

Ajax笔记从零开始

  • 2008年10月28日 12:27
  • 1.55MB
  • 下载

从零开始学习WEB前端之数据交互(Ajax)

数据交互 ajax

从零开始学_JavaScript_系列(七)——jquery(复选框及互斥、div块、修改css、标签数组、ajax连续加载)

(17)查看复选框是否被选中 复选框为: jq语法为: $("#yingmingliu").is(':checked') 如果选中,返回true,如果没有被选中,返回false。   查看复...

使用Struts2和jQuery EasyUI实现简单CRUD系统(一)——从零开始,ajax与Servlet的交互

就是前端与后台的交互,学j2ee,很多时候,写jsp的时候,jsp帮你把前端后台串联起来。但事实上,很多时候前端写好的东西,需要后台进行一些处理,再去改成jsp代码是很恶心的东西,什么都是jsp。其实...

从零开始学习jQuery (六) AJAX快餐

本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包...

从零开始学_JavaScript_系列(26)——只需要前端知识的ajax教程

(37)只需要前端知识,就能理解的ajax教程 ①新人学web前端时,遇见的第一个困难就是ajax 这里对于以下问题,不深入,只用 最简单的话 讲清楚什么是ajax,并且 让你会用ajax...

从零开始学_JavaScript_系列(九)——dojo(2)(AJAX、时间控件、鼠标事件、样式修改、事件移除、消息发布订阅)

如果没有接触过dojo,建议阅读: http://blog.csdn.net/qq20004604/article/details/51028702 里面介绍了如何加载dojo。 关...

从零开始学习jQuery之Ajax快餐

原文:http://developer.51cto.com/art/201105/264172.htm 本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Aja...

从零开始学_JavaScript_系列(八)——js系列<2>(事件触发顺序、文本读取、js编写ajax、输入验证、下拉菜单)

(20)事件触发的顺序 假如文档中有多个脚本(例如自动执行的脚本),那么他们执行是有一定的顺序的(在HTML文档之中): ①先执行内的标签。因此,这里的js脚本通常是嵌入代码、指向JS文件,可以在这里...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax从零开始(1)
举报原因:
原因补充:

(最多只允许输入30个字)