本小节只是简介，更多关于使用jQuery进行AJAX，请阅读《学习jQuery》。

---

强烈推荐使用jQuery进行AJAX，不推荐直接使用JavaScript进行AJAX，因为jQuery在内部，对浏览器的兼容性做了优化处理；若是直接使用JavaScript进行AJAX，则需要针对各种不同的浏览器做相应处理。因此，强烈推荐使用jQuery进行AJAX，而不是裸写JavaScript来实现。

---

jQuery中的get()方法和post()方法分别可用GET方法和POST方法向服务器请求数据。

---

jQuery $.get()方法

通过jQuery中的$.get()方法可以向服务器发起GET请求。

jQuery发起get请求的常用语法：

$.get(URL, callback);

上述的URL参数是必选参数，代表想要发起请求的url地址。回调函数callback是非必选参数，当请求结束后则调用此回调函数。如下所示：

$("button").click(function(){
    $.get("/fuckip", function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});

运行一下

jQuery $.post()方法

通过jQuery中的$.post()方法可以向服务器发起POST请求。

jQuery发起post请求的常用语法：

$.post(URL, data, callback);

上述的URL参数是必选参数，代表想要发起请求的url地址。data参数是可选参数，是要发送给服务器的请求参数，以键值的方式成对而构成一个字典对象，即为data参数（上述的get方法也可以这样加data参数来搞事的）；回调函数callback是非必选参数，当请求结束后则调用此回调函数。

如下所示，/action_page为测试post请求用的url地址，如果请求成功，服务器会将发送给服务器的请求参数合并转变成字符串，返回给前端：

$("button").click(function(){
    $.post("/action_page", 
           {"name": "Jerk", "slogan": "Fan Qing Fu Ming"},
           function(data, status){
               alert("Data: " + data + "\nStatus: " + status);
               $("#post_result").html( data );
    });
});

运行一下

---

本小节只是简介，更多关于使用jQuery进行AJAX，请阅读《学习jQuery》。