单调专注的明王子

AJAX我相信不用我多说，大家都知道是什么东西吧。我接触AJAX也不算太久，都是边学边写东西。其中遇到了很多问题，也总结了很多经验。我不是高手，所以我不敢说我的东西是最好的，如果你有更好的，欢迎一起讨论。     首先我觉得AJAX新手不应一以来就用什么框架（比如prototype.js等，即使那样写程序会容易一些）。原因是了解xmlhttp的基本工作原理，对以后的开发会有很大的帮助。而且我始终觉得对于Javascript这种脚本语言来说，执行效率是非常重要的，因此我十分反感为了实现一个小功能，动不动就包含什么框架。因为那些框架为了自身的功能和兼容性，都包含了很多使用频率比较低的东西，更有些框架为了方便用户调用，甚至不惜牺牲程序的执行效率。     好了，不说废话了，开始说正题吧。     1.创建xmlhttp对象时的问题。     创建xmlhttp对象在不同的浏览器中有不同的方法，在IE里好像只能用ActiveXObject创建，然而在Firefox等其他浏览器里就不行了，但可以用XMLHttpRequest()函数创建，这样的不统一给程序员写程序带来了很大的难度，所以我认为在学习JS的过程中记录下这些不同的地方很有必要，不然一个很有前途的程序很容易就会成为 “IE only” 的！！     下面是一个兼容的xmlhttp对象创建函数。以后就可以直接用这个函数创建xmlhttp对象，而不用担心兼容性问题了 CODE: function createAJAX() { var xmlhttp; try { xmlhttp = new ActiveXObject(“Msxml2.XMLHTTP”); } catch (e1) {   try { xmlhttp = new ActiveXObject(“Microsoft.XMLHTTP”); }   catch (e2) { xmlhttp = null; } } if (!xmlhttp) {   if (typeof [...]

ajax可以说的上当今很火的技术啦. 在村子里经常看到有人问xajax的技术,说实话,我觉得那东西太麻烦,用起来太费事. ajax本身实现的机制不是很难,难的应该是在后期的javascript处理返回的responseText,responseXml ajax本身的操作过程无外是: 1.构建一个xmlHTTP对像 2.通过xmlHTTP的同步或是异步方式发送数据(大部分都是异步方式) 3.如果是异步方式检查xmlHttp的状态变化 4.当状态变到readyState==4,而且status==200说明发送数据成功 5.这时候再通过javascript处理xmlHTTP的responseText或是responseXml(这两者是同时存在的) 下面来实现这个过程 1.构建一个xmlHTTP的对像 CODE: function createRequest(){         if(typeof XMLHttpRequest!=”undefined”)        {                 return new XMLHttpRequest();         }else if(typeof ActiveXObject!=”undefined”){                 var xmlHttp_ver  = false;     [...]

我个人觉得PHP与Javascript各有长处，如果能完美的结合起来，那将创造出许许多多的奇迹！ 我是初次写此类文章，Bug难免，请各位指正~     现在AJAX应用非常流行，而在AJAX中客户端Javascript和服务端动态脚本的通信是关键。如果传输的信息比较简单，通常我们会直接采用字符串的方式，如果信息结构复杂一点，则通常用XML文档。XML文档虽然应用广泛，但是用php生成和用Javascript处理却不是一件很容易的事情。这里我推荐一种XML文档的比较好简化替代方案：JSON！     首先我们来了解一下Javascript的基础知识。     1.创建数组，可以用JS内建的类Array来初始化，也可以用JSON符号”[]“。下面通过两种方式创建的arr1和arr2的实质是一样的： CODE: var arr1 = new Array(); arr1[0] = “apple”; arr1[1] = “google”; arr1[2] = “longbill”;  var arr2 = ["apple","google","longbill"]; 注意，数组的索引也可以是字符串，如 arr1["name"] = “longbill”; 这时的数组就相当于对象了。。。     2.创建对象，可以用JS内建的类Object来初始化，也可以用JSON符号”{}”。下面通过两种方式创建的obj1和ob2的实质也是一样的： CODE: var obj1 = new Object(); obj1.name = “longbill”; obj1.age = 18;  var obj2 = { name:”longbill”,age:18 [...]

Yahoo! UI Extensions The key component in this release is the Grid component. If you haven’t been following my previous posts, the Grid component feaures a full selection model with keyboard shortcuts, resizable columns, multiple skins and a powerful Data API for binding to different types of data including via AJAX. For more details about [...]