jQuery 사용설명서(7)_jquery

七：Ajax支持

 通用方式：
$.ajax(prop)    通过一个ajax请求，回去远程数据，prop是一个hash表，它可以传递的key/value有以下几种。
         (String)type：数据传递方式(get或post)。
         ((String)url：数据请求页面的url
         ((String)data：传递数据的参数字符串，只适合post方式
         ((String)dataType：期待数据返回的数据格式(例如 "xml", "html", "script",或 "json")
         ((Boolean)ifModified： 当最后一次请求的相应有变化是才成功返回，默认值是false
         ((Number)timeout:设置时间延迟请求的时间。可以参考$.ajaxTimeout
         ((Boolean)global：是否为当前请求触发ajax全局事件，默认为true
         ((Function)error：当请求失败时触发的函数。
         ((Function)success：当请求成功时触发函数
         ((Function)complete：当请求完成后出发函数
jQuery代码及说明

$.ajax({url: "ajax.htm",
          success:function(msg){ 
                         $(div"#a").html(msg);
                } 
    });

将ajax.htm返回的内容作为id为a的div内容

$.ajax({ url: "ajax.aspx",
              type:"get",           
             dataType:"html",
             data: "name=John&location=Boston",
             success:function(msg){ 
                                 $("#a").html(msg);
                              } 
         });

用get方式向ajax.aspx页面传参数，并将返回内容负给id为a的对象。

$.ajaxTimeout(time) 设置请求结束时间
   $.ajaxTimeout( 5000 )

其它简化方式：

$.get(url, params, callback)  用get方式向远程页面传递参数，请求完成后处理函数，除了url外，其它参数任意选择！

$.get( "ajax.htm" , function(data){ $("#a").html(data)  })

$.get(   "ajax.asp", 
            { name: "young", age: "25" },
            function(data){ alert("Data Loaded: " + data); }
        ) 

$.getIfModified(url, params, callback)  用get方式向远程页面传递参数，从最后一次请求后如果数据有变化才作出响应，执行函数callback
$.getJSON(url, params, callback)  用get方式向远程json对象传递参数，请求完成后处理函数callback。
$.getScript(url, callback)  用get方式载入并运行一个远程javascript文件。请求完成后处理函数callback。
$.post(url, params, callback)  用post方式向远程页面传递参数，请求完成后处理函数callback
load(url, params, callback)  载入一个远程文件并载入页面DOM中，并执行函数callback

$("#a").load("ajax.htm", function() { alert("load is done"); } );

하늘 위로 웃으세요 Xu Yu ajax에 요청하세요. htm 페이지가 반환되며 결과는 ID가 a인 콘텐츠에 로드된 다음 함수 콜백이 실행됩니다.
loadIfModified(url, params, callback) get 메소드를 사용하여 원격 페이지에 매개변수를 전달합니다. 마지막 요청 이후 데이터가 변경된 경우에만 응답하고 반환된 결과를 로드합니다. 페이지 DOM , 콜백 함수 실행
ajaxStart(callback) ajax 요청에 오류가 발생하면 콜백 함수 실행
ajaxComplete(callback) ajax 요청이 완료되면 콜백 함수 실행
ajaxError(callback) ajax 요청이 발생하면 콜백 함수 실행
ajaxStop(callback) ajax 요청이 발생하면 중지하고 콜백
ajaxSuccess( callback) ajax 요청이 성공하면 콜백

함수를 실행합니다.
🎜> : jQuery 플러그인
jQuery가 널리 사용되면서 Thickbox 등 수많은 jQuery 플러그인이 등장했다. , iFX, jQuery-googleMap 등 Simple 이 소스 파일을 참조하면 이러한 플러그인을 쉽게 사용할 수 있습니다. 여기에서는 참고할 수 있는 몇 가지 URL을 간략하게 소개합니다. 이 웹사이트 헤더는 수많은 데모를 제공하며, 좋은 전자 텍스트가 없더라도 빠르게 마스터할 수 있습니다.

http://jquery.com/plugins 공식 추천 http://interface.eyecon.ro/demos
효과도 좋고 사용하기도 쉬워요!  http://www.dyve.net/jquery/
 http://bassistance .de/jquery-plugins