教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery 读取页面load get post ajax 四种方式代码写法

jquery 读取页面load get post ajax 四种方式代码写法

发布时间:2013-07-09   编辑:jiaochengji.com
jquery 读取页面load get post ajax 四种方式代码写法,学习jquery的朋友可以参考下。
jquery 读取页面load get post ajax 四种方式代码写法,学习jquery的朋友可以参考下。 load
复制代码 代码如下:

$("#result").load("aaaa.asp #ccc");

get
复制代码 代码如下:

$.get("aaaa.asp", { action:"get",name:"lulu" },
function(data, textStatus){
$("#result").html(data);
//alert(this);
//alert(data);
//alert(textStatus);
});

post
复制代码 代码如下:

$.post("aaaa.asp", { action:"post",name:"lulu" },
function(data, textStatus){
$("#result").html(data);
});

ajax
复制代码 代码如下:

$.ajax({
type: "get",
url: "http://www.jb51.net/rss",
beforeSend: function(XMLHttpRequest){
//$('<div class="quick-alert">数据加载中,请稍后</div>')
//.insertAfter($("#btn_ajax"))
//.fadeIn('slow')
//.animate({opacity: 1.0}, 3000)
//.fadeOut('slow', function() {
//$(this).remove();
//});
},
success: function(data, textStatus){
$("#result").html("");
$("item",data).each(function(i, domEle){
$("#result").append("<li>"+$(domEle).children("title").text()+"</li>");
});
},
complete: function(XMLHttpRequest, textStatus){
//alert("加载完成!");
},
error: function(){
//请求出错处理
}
});

您可能感兴趣的文章:
jquery 读取页面load get post ajax 四种方式代码写法
jQuery Ajax之load()方法
jquery 缓存问题的几个解决方法
用Jquery实现多级下拉框无刷新的联动
jquery中get和post的简单实例
探讨jQuery的ajax使用场景(c#)
解析jQuery中$.get、$.post、$.getJSON与$.ajax的用法
细说 jQuery Ajax操作篇(二) – 数据传递
jQuery load方法用法集锦
从零开始学习jQuery (六) jquery中的AJAX使用

[关闭]
~ ~