Jquery加强2

一）jQuery常用AJAX-API

    目的：简化客户端与服务端进行局部刷新的异步通讯

   （1）取得服务端当前时间

             简单形式：jQuery对象.load(url)

                             返回结果自动添加到jQuery对象代表的标签中间

                             如果是Servlet的话，采用的是GET方式

        复杂形式：jQuery对象.load(url,sendData,function(backData,textStatus,ajax){......})

                             sendData ={"user.name":"jack","user.pass":"123"};

                             以JSON格式文本方式发送，使用POST方式发送，服务端能收到数据

        注意：对于load方法而言，如果请求体无参数发送的话，load方法

采用GET方式提交

        注意：对于load方法而言，如果请求体有参数发送的话，load方法

采用POST方式提交

注意：使用load方法时，自动进行编码，无需手工编码

<script type="text/javascript">        $(":button").click(function(){            var url = "${pageContext.request.contextPath}/loadTimeRequest?time"+new Date().getTime();            var sendData = null;            $.load(url,sendData,function(a,b,ajax){               var jsonJAVA = ajax.responseText;               var jsonJS = eval("("+jsonJAVA+")");               var strTime = jsonJS.strTime;                $("span:first").html(strTime).css("color","red");                $("span:last").html(strTime).css("color","blue");            });            //$("span").load(url);        });     </script>

 

        load()方法参数解释：

            参数一：url发送到哪里去

            参数二： sendData发送请求体中的数据，符合JSON格式，例如：{key:value,key:value}

            参数三：function处理函数，类似于传统方式ajax.onreadystatechange = 处理函数

 

            其中参数三为function处理函数最多可以接收三个参数，含义如下

                   第一个参数：服务端返回的数据，例如：backData

                   第二个参数：服务端状态码的文本描述，例如：success、error、

                   第三个参数：ajax异步对象，即XMLHttpRequest对象

        以上所有参数的名字可以任意，但必须按顺序书写，尽量做到见名知意

        

   （2）检查注册用户名和密码是否存在

       $.get(url,sendData,function(backData,textStatus,ajax){... ...})

       $.post(url,sendData,function(backData,textStatus,ajax){... ...})赵君提倡

        注意：使用get或post方法时，自动进行编码，无需手工编码

 

   （3）jQuery对象.serialize()

        作用：自动生成JSON格式的文本

             注意：为每个jQuery对象设置一个name属性，因为name属性会被认为请求参数名

            注意：必须用<form>标签元素

             适用：如果属性过多，强烈推荐采用这个API

<script type="text/javascript">        //定位按钮，同时添加单击事件        $(":button").click(function(){            //获取用户名和密码            var username = $(":text:first").val();            var password = $(":text:last").val();            //去空格            username = $.trim(username);            password = $.trim(password);            //异步发送到服务端            var url = "${pageContext.request.contextPath}/checkRequest?time="+new Date().getTime();            /*手工书写JSON文本            var sendData = {               "user.username":username,                "user.password":password <