肉渣教程

AJAX jQuery

上一节 结束

本小节只是简介,更多关于使用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》。


AJAX jQuery

上一节 结束