读《掌握 Ajax》

掌握 Ajax 系列：http://www.ibm.com/developerworks/cn/web/wa-ajaxintro/

说明：
1.我会引用文章原话，不当之处，敬请原谅！若违反XX法规，请通知在下。
QQ：438803482；
E－Mail:leellyp@yahoo.com.cn;我马上删掉！
2.  这个色的字体是我的读后感，若有不当，不对之处，亦请通知在下。我马上改过
开读：
第 1 部分: Ajax 简介
     gAjax 由 HTML、JavaScript™ 技术、DHTML 和 DOM 组成
     gAjax 应用程序所用到的基本技术：

• HTML 用于建立 Web 表单并确定应用程序其他部分使用的字段。
• JavaScript 代码是运行 Ajax 应用程序的核心代码，帮助改进与服务器应用程序的通信。
• DHTML 或 Dynamic HTML，用于动态更新表单。我们将使用 div、span 和其他动态 HTML 元素来标记 HTML。
• 文档对象模型 DOM 用于（通过 JavaScript 代码）处理 HTML 结构和（某些情况下）服务器返回的 XML。

用户与服务器端交互，服务器的处理过程不应当让用户承担
Web表单<-------->JavaScript(XMLHttpRequest ) <---------->服务器  
       用户填写完表单后，javascript通过DOM获取用户输入的信息，也可对其进行处理，然后发送到服务器。这时的HTML页面对于用户是毫无变化发生的。当然也不会有闪烁、消失或延迟。也就是说用户可以做他任意想做的事。
       javascript通过XMLHttpRequest 获取服务器返回的数据，还是利用DOM对HTML页面进行操作，比如更新修改table的一列或增加一行等等。而这样的操作也是无刷新的！
现在问题出来了！
如何创建XMLHttpRequest对象？
XMLHttpRequest对象如何获取服务器返回的数据？
如何利用javascript操作HTML元素？

通过面向对象的概念创建了XMLHttpRequest对象，并获取服务器返回的数据
 //通过面向对象的概念创建了XMLHttpRequest对象，并获取服务器返回的数据
        function MyXmlHttp()
        {
                //属性
               this.xmlhttp;
               //方法，创建XMLHttpRequest对象，已经考虑了浏览器的兼容问题，最终返回我们需要的XMLHttpRequest对象的实例：xmlhttp
               this.createXMLHttpRequest=function()
               {
                   var xmlhttp;
                   try
                   {
                       xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
                   }
                   catch(e)
                   {
                       try
                       {
                           xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                       }
                       catch(e)
                       {
                           try
                           {
                              xmlhttp=new XMLHttpRequest();
                           }
                           catch(e)
                           {
                     
                           }
                       }
                   }
                   return xmlhttp;
               }
               //post方法获取返回的HTML页面元属
               this.postPage=function(url,params)
               {
                   obj.open("POST",url,false);
                   obj.setRequestHeader("cache-control","no-cache"); 
                   obj.setRequestHeader("Content-type","application/x-www-form-urlencoded");

                   obj.send(params);
                   if(obj.readyState==4)
                   {
                      return obj.responseText;
                   }
                   return "";
               }
               //get方法获取返回的HTML页面元属
               this.getPage=function(url)
               {
                   obj.open("get",url,false);
                   obj.send(null);
                   if(obj.readyState==4)
                   {
                      return obj.responseText;
                   }
                   return "";
               }
               //获取XMLHttpRequest对象的实例obj             
               this.getXmlHttp=function()
               {
                  return obj;
               }
               //调用createXMLHttpRequest方法得到XMLHttpRequest对象返回的实例obj
               var obj=this.createXMLHttpRequest(); 
        }

下节我会给出Javascript操作Table的实例。