Jquery学习总结(2)——jQuery Ajax用法详解
2016-08-04 09:31
375 查看
【详解】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学习总结(2)——jQuery Ajax用法详解
- jQuery学习之jQuery Ajax用法详解(转)
- jQuery学习之jQuery Ajax用法详解
- (高级篇)jQuery学习之jQuery Ajax用法详解
- jQuery学习之jQuery Ajax用法详解
- jQuery学习之jQuery Ajax用法详解
- jQuery学习之jQuery Ajax用法详解
- jQuery学习之jQuery Ajax用法详解
- jQuery学习之jQuery Ajax用法详解
- jQuery学习之jQuery Ajax用法详解
- jQuery学习之jQuery Ajax用法详解
- jQuery学习之jQuery Ajax用法详解
- jQuery学习之jQuery Ajax用法详解
- jQuery学习之jQuery Ajax用法详解
- jQuery学习之jQuery Ajax用法详解(转)
- jQuery学习之jQuery Ajax用法详解
- Java学习总结之第十六章 Socket用法详解
- 学习Jquery的内核详解与实践总结一
- Java基础学习总结(86)——Java异常处理机制Exception抛出异常时throw和throws用法详解
- [置顶] Jquery学习总结(二) jquery选择器详解