“要點”

1. jQuery下的post，get請求
2. 常用的jQuery的AJAX方法

jQuery下的post，get請求
jQuery對Ajax進行了封裝，更加方便了我對對Ajax的使用，下面是jQuery的post，get，ajax的例子

$.ajax(url,[setting])
jQuery 底層 AJAX 實現。簡單易用的高層實現見 $.get, $.post 等。$.ajax() 返回其建立的 XMLHttpRequest 物件。大多數情況下你無需直接操作該函式，除非你需要操作不常用的選項，以獲得更多的靈活性。常用的幾個屬性在下面的程式碼中給出，詳細的可參考jQuery手冊
常用引數說明

• url:待載入頁面的URL地址
• data:待發送 Key/value 引數。
• success:載入成功時回撥函式。
• type:返回內容格式，xml, html, script, json, text, _default

$.get(url,[data],[callback],[type])
引數說明

• url:待載入頁面的URL地址
• data:待發送 Key/value 引數。
• callback:載入成功時回撥函式。
• type:返回內容格式，xml, html, script, json, text, _default。

$.post(url,[data],[callback],[type])
引數說明

• url:待載入頁面的URL地址
• data:待發送 Key/value 引數。
• callback:載入成功時回撥函式。
• type:返回內容格式，xml, html, script, json, text, _default。
• 列表內容

     //AJAX GET請求
     //對GetDate按鈕新增click事件，向GetDate.ashx傳送get請求
            $("#GetDate").click(function () {
                $.get("GetDate.ashx", { "name": "dfghjk", "namae": "123"
 
 }, function (date) {
                    alert(date);//GetDate.ashx返回當前時間
                });


            })
            //AJAX POST請求 對PostDate按鈕新增click事件，向GetDate.ashx傳送get請求
            $("#PostDate").click(function () {
                $.post("GetName.ashx", { "name": 123, "sh": "123456" }, function (da) {
                    alert(da);//GetName.ashx返回傳遞的Name的值123
                });
            })
            //AJAX
            $("#AJAX").click(function () {
                $.ajax({
                    type : "post",
                    url: "GetDate.ashx",
                    data: "name=nihao&tyu=sad",
                    success: function (msg) {
                    //資料成功返回時執行次回撥函式
                        alert(msg);
                    }
                })

            })

常用的jQuery的AJAX方法
$.load(url,[data,[callback]])
作用：
引數說明

• url:待裝入 HTML 網頁網址。
• data:傳送至伺服器的 key/value 資料。
• callback:載入成功時回撥函式。

$.getJSON( url,[data],[callback])
作用：通過 HTTP GET 請求載入 JSON 資料。

• url:待裝入 HTML 網頁網址。
• data:傳送至伺服器的 key/value 資料。
• callback:載入成功時回撥函式。

$.getScript(url,[callback])
作用：通過 HTTP GET 請求載入並執行一個 JavaScript 檔案

• url:待裝入 HTML 網頁網址。
• callback:載入成功時回撥函式。

$(“elem”).serialize()
作用：返回序列表表格內容，是一個string型別

$(“elem”).serializeArray()
作用：序列化表格元素 (類似 ‘.serialize()’ 方法) 返回 JSON 資料結構資料。
注意：此方法返回的是JSON物件而非JSON字串，返回的JSON物件是由一個物件陣列組成的

下面給出使用的簡單例子

  <script type="text/javascript">

        $(function () {
          //load方法，在mydiv中載入JsonUinfoList.html檔案，並且再載入完後執行回撥函式，
          //注意！！！載入完後是不會執行JsonUinfoList.html裡面的js程式碼
            $("#mydiv").load("/jsonDemo/JsonUinfoList.html", function () { alert("OK!") });
        });
          // getJSON方法 獲得json物件中的users物件陣列，並將index為1的name屬性輸出
           $.getJSON("GetJSON.ashx", {name : "tom" , age : 12 } ， function(json){
           alert("name : " + json.users[1].name);
});
         //載入並且執行Display.js檔案中的程式碼，成功後執行回撥函式
        $.getScript("Display.js"，funvtion() { alert("OK!")} );

         //把userdorm中的使用者資訊轉成json物件
            var jsondata = $("#UserForm").serializeArray();

    </script>

PS:博文中如有什麼不對的地方懇請大家指出，謝謝~