返回宝典

jQuery Get/Post

上一节 下一节

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中的get()方法和post()方法的底层都是ajax()方法,后续在jQuery的Reference(正在编纂)中会深入介绍。


jQuery Get/Post

上一节 下一节