<>学习笔记-(一)

ajax高级编程学习笔记
   
   1 什么是ajax.

       ajax是一种结合Javascript,xmlhttp,Html,Dhtml以及Iframe(隐藏贞技术)以用来带来一种全新web用户体验的一种技术的集合

   2 ajax设计的原则: 

       尽量减少通信量. 可预见性.遵循常规,无干扰.可放问性(在不支持ajax的环境下系统确保能够使用),避免整个页面下载 

   3 感想,我认为ajax的本质在于在客户端通过一定的手段局部的与服务器端进行通信,而不只只是所谓的无刷新,(否则隐藏贞技术就不应该被划分到ajax技术范围之内)

   4 隐藏贞技术:

      通过我做的例子来看,隐藏贞技术无论如何都是要刷新页面的,我能够看到的他的好处就在于可以局部的与服务器端进行交互.然而这一点点好处,除此之外我实在看不出隐藏贞技术究竟有什么可用之处.(这点上我是信口开河,因为实际上刚刚接触这部分,说得不对的地方希望得到大家的指导.还有,书中举出的利用隐藏贞技术执行post请求的例子,既然真个表单都提交过去了,为什么这么麻烦,所谓的隐藏贞技术,在这种情况下就近带来了什么好处呢 .希望高手给予解答.) (博问中一哥们给出如下参考 http://blog.csdn.net/caichunmao/archive/2007/08/30/1764912.aspx 读过后明白不少 呵呵 .net 做的多了忽视了一点，一个页面上可以放置多个form的。看来以后还得开阔思路。)
   5 xmlhttp对象 
      xmlhttp是ajax引用的关键对象通过对xmlhttp的使用 可以让我们在页面的js脚本中对服务器端进行局部的请求，发送请求有同步异步两种方式。
      使用xmlhttp对象需要注意以下几点：
      ◎ xmlhttp对象的创建： 
               各个浏览器中xmlhttp对象的创建方式不同，下面提供一个通用的创建方式： 
             
                 function createXmlHttpRequestObject()
                    {
                            var xmlHttp;
                            try
                            {
                                xmlHttp = new XMLHttpRequest();
                            }
                            catch(e)
                            {
                             var XmlHttpVersions = new Array('MSXML2.XMLHTTP.6.0',
                                                             'MSXML2.XMLHTTP.5.0',
                                                             'MSXML2.XMLHTTP.4.0',
                                                             'MSXML2.XMLHTTP.3.0',
                                                             'MSXML2.XMLHTTP',
                                                             'Microsoft.XMLHTTP');
                             for (var i=0; i<XmlHttpVersions.length && !xmlHttp; i++)
                             {
                               try
                               { 
                                 xmlHttp = new ActiveXObject(XmlHttpVersions[i]);
                               }
                               catch (e) {}
                             }
                            }
                            // return the created object or display an error message
                            if (!xmlHttp)
                             alert('Error creating the XMLHttpRequest object.');
                            else
                             return xmlHttp;
                    }                
         通过上述脚本，可以确保创建最新版本的xmlhttp对象。创建对象后，就可以利用它的同步一步通信功能为我们服务了

        ◎使用xmlhttp对象发送请求
            Get方式:Post方式：同步方式：异步方式：
             分别对应Open方法得第一个与最后一个参数
                       第一个参数得可选值（POST，GET，Put等)代表传输方式得不同（ Post可以传送4MB 而Get只能传送256kb ）
                       最后一个参数为bool型 代表是同步传送还是异步传送

         实际使用中遇到得问题：
                        1 在客户端改变页面控件得值后回传会报错误。  解决办法：  在webconfig中加入
                                 <pages   enableEventValidation="false">   这样就不会对触发得事件进行Viewstate检查，也就不会报异常错误。

                        2 在客户端通过ajax技术改变了页面控件得值但是服务器端检测不到： 解决办法：
                                 在页面中用一个TextBox记录变化情况，然后通过检索TextBox中得值来反映ajax对客户端得变化。