jQuery學習筆記（ajax）

1、$.getJSON(url,[data],[callback])

   $.getJSON("url",function (data){
         $this.attr("disabled", "true");                   
          $.each(data, function (index, arr) {
                  $("ul").append("
" + arr["name"] + "
");
          });
 });

可以用each遍歷一下；

2、$get("url",function(data){},"json")

設定從伺服器獲取資料的型別，所以得到的資料格式為json型別的。
預設get從伺服器獲取到的資料是 字串型別

第一不要忘了後面的json

第二不要忘了加引號

3、使用serialize()方法序列化表單元素值

$("form").serialize()
//將表單中有name屬性的元素值進行序列化，生成標準URL編碼文字字串
Text=name&Select=0&Checkbox=on

4、使用ajaxSetup()方法設定全域性Ajax預設選項

            $(function () {
                $.ajaxSetup({
                    type:"post",
                    dataType:"text",
                    success:function(data){
                        $("ul").append("
你輸入的  "
                            + $("#txtNumber").val() + " 是 "
                            + data + " 
");
                    }
                });
                $("#btnShow_1").bind("click", function () {
                    $.ajax({
                        data: { num: $("#txtNumber").val() },
                        url: "" 
                    });
                })
                $("#btnShow_2").bind("click", function () {
                    $.ajax({
                        data: { num: $("#txtNumber").val() },
                        url: ""
                    });
                })
            });

幾個ajax同時呼叫，取出來一起公共部分

5、使用ajaxStart()和ajaxStop()方法

ajaxStart()和ajaxStop()方法是繫結Ajax事件。ajaxStart()方法用於在Ajax請求發出前觸發函式，ajaxStop()方法用於在Ajax請求完成後觸發函式。它們的呼叫格式為：

$(selector).ajaxStart(function())和$(selector).ajaxStop(function())

其中，兩個方法中括號都是繫結的函式，當傳送Ajax請求前執行ajaxStart()方法繫結的函式，請求成功後，執行ajaxStop ()方法繫結的函式。

比如用在載入資料之初有什麼動畫，結束消失

6、拖曳外掛——draggable

拖曳外掛draggable的功能是拖動被繫結的元素，當這個jQuery UI外掛與元素繫結後，可以透過呼叫draggable()方法，實現各種拖曳元素的效果，呼叫格式如下：

$(selector). draggable({options})

options引數為方法呼叫時的配置物件，根據該物件可以設定各種拖曳效果，如“containment”屬性指定拖曳區域，“axis”屬性設定拖曳時的座標方向。