Ajax学习系列——jQuery中Ajax的请求方式

在jQuery中，Ajax常见的请求方式主要有4种。

1、$.ajax()返回其创建的XMLHttpRequest对象。

$.ajax({
　　type:"POST",
　　contentType: "application/json; charset=utf-8",
　　dataType:"json",
　　url:"/Example/GetAll",
　　data:dataurl,
　　success:function(data){
　　　　console.log(data)
　　},
　　error: function (XMLHttpRequest, textStatus, errorThrown) {
　　　　alert("请求失败，消息：" + textStatus + " " + errorThrown);
　　}
});

2、通过远程HTTP GET请求载入信息

相比于复杂的$.ajax而言，GET请求功能则显得更加简单，请求成功时可调用回调函数。如果需要在出错的时候执行函数，还请使用$.ajax。

$.get("test.cgi", { name: "John", time: "2pm" },
function(data){
    alert(data);
});

3、通过远程HTTP POST请求载入信息

POST请求功能也相对比较简单，请求成功时可调用回调函数。如果需要在执行出错的时候执行函数，还请使用$.ajax。

$.post("/Resources/addfriend.ashx", { "fid": fids, "fname": fnames, "tuid": tuids, "tuname": tunames }, function (data) {
    if (data == "ok") {
        alert("添加成功！");
    }
})

4、通过HTTP GET 请求载入JSON数据

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
function(data){
    $.each(data.items, function(i,item){
        $("<img/>").attr("src", item.media.m).appendTo("#images");
        if ( i == 3 ) return false;
    });
});