jQuery Ajax用法详解

标签：

　　　【详解】jquery  ajax在web应用开发中常用，主要包括有ajax，get，post,load,getscript等这几种常用无刷新操作方法，下面来给大家介绍一下。我们首先先从最简单的方法看起。

　　　　我们先从最简单的方法看起，处理复杂的ajax请求时，jquery使用jquery.ajax（）方法进行处理，在jquery中有一些简单的方法，他对jquery.ajax（）方法进行了封装，是的我们在处理一些简单的ajax事件时，不需要使用jquery.ajax（）方法，其中有些方法在之前的文章已经出现过啦。，相信大家很快能够掌握。

　　以下4个方法执行一般ajax请求的简短形式，在处理复杂的ajax请求时应该使用jquery.ajax（）。

　　　　1.load（url，[data],[callback]）

　　载入远程html文件代码并插入至DOM中，默认使用GET方式，传递参数时自动转换为POST方法

*url：要载入的远程url地址

*data：发送至服务器的key/value数据

*callback：载入成功时的回调函数

示例代码：

//无参数、无回调函数
$("#showload").load("load.htm");
//无回调函数
$("#showload").load("load.htm", { "para": "para-value" });
$("#showload").load("load.htm", { "para": "para-value" },
    function() {
        //处理
    })

　　　　2.jquery.get（url,[data],[callback]）

　　使用get方式从服务器端获取数据。

*发送请求的url地址

*要发送给服务器的数据

*载入成功时回调函数

示例代码：

$.get("jqueryget.htm", { "id": this.id },
    function(req) {
        //成功时的回调方法
        $("#showget").html(req);
    });
})

　　　　3.jquery.getscript(url,[data],[callback])

　　通过GET方式请求载入并执行一个javascript文件，这个技术在前面中已经提到过，也是jquery.ajax中的一种简单的方法。

　　　　4.jquery.getJSON(url,[data],[callback])

　　通过get方式获取json格式的数据。

示例代码：

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

jQuery Ajax用法详解

标签：

原文地址：http://www.cnblogs.com/wuhaishi/p/beijing.html