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);
}
 

AJAX从零开始--第一个实例

今天参考了不少的AJAX代码,发现之前在框架设计这本书里推荐的代码编写习惯都是不错的,只是之前不明白就没用了比如之前的写法是 pu...
  • ccp5780199
  • ccp5780199
  • 2007年08月23日 16:22
  • 859

从零开始前端学习[43]:初识javaScript,前端的行为层

初识javaScript,前端的行为层 javaScript是什么? javaScript是用来做什么的? javaScript的几种引用形式 提示 博主:章飞_906285288 博客...
  • qq_29924041
  • qq_29924041
  • 2017年11月05日 21:41
  • 477

JVM(1)——简介

网上流传着一段挺有意思的话…… 对于从事C或C++的开发人员来说,他们既是内存管理的最高权力的皇帝,也是最基础的劳动人民,担负着每一个对象生命开始到终结的维护工作,有点光杆司令的赶脚。 ...
  • u010066934
  • u010066934
  • 2016年04月24日 16:04
  • 2361

Ajax readyState一直为1或无法请求到后台的问题处理

1、问题及背景描述 最近重温ajax,之前粗略的了解和会用,没有详细的了解过Ajax的一些技术要点。计划在SpringMVC框架下,写三种Ajax代码的方式:①get请求②post请求③Jquery。...
  • songyaguang_111
  • songyaguang_111
  • 2017年04月11日 17:12
  • 659

where 1=1有什么用?

为什么要在sql语句后边加上where 1=1 ,对于初次见到的童鞋确实很纳闷。 觉得select * from table1 where 1=1 与 select * from table1完全没...
  • qq_23994787
  • qq_23994787
  • 2018年01月12日 17:18
  • 93

AJAX使用POST提交是,readyState停止为1为解决

这是提交的js代码:XMLHttpReq.open("post","/BlogPlatform/saveArticle.do", true);XMLHttpReq.onreadystatechange...
  • daryl715
  • daryl715
  • 2007年03月15日 18:04
  • 1885

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

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

从零开始一个项目-1.项目规划篇

最近帮助新公司搭建一个数据分析后台,借此机会,把整个项目的点滴记录下来,顺便帮助一些朋友理清一个项目的流程,建立良好的开发习惯,提高效率 1.需求整理公司需求只是一个简单的数据分析后台,只需要表格的展...
  • Ligongxiang123
  • Ligongxiang123
  • 2017年04月12日 22:46
  • 287

GAL GAME 汉化教程攻略从零开始 1

从接触GAL 汉化到现在也有一段时间了,汉化组也呆了一些,不知道会干到什么时候,也不知道能不能一直保持这样的兴趣- -,虽然程序没有翻译辛苦,但是很多坑坑了可能大多因为程序的原因,所以想记录下自己的历...
  • carlylll
  • carlylll
  • 2014年06月08日 19:24
  • 2002

MySQL 5.6 从零开始学 读后总结和感

写在最前面: 此书包含,但是不限于下面的内容。以上只是写了一部份内容,还有,日志,试图,备份还原等内容没有写出。《MySQL 5.6从零开始学(视频教学版)》以MySQL5.6为线索,全面讲...
  • liuguangqiang
  • liuguangqiang
  • 2016年07月29日 22:31
  • 4213
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax从零开始(1)
举报原因:
原因补充:

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