jQuery的ajax、渐入淡出效果、plugin

ajax　　

这是一个ajax横行的时代。多少人，了不了解ajax的都跟着用上一把。呵。使用jquery实现ajax同样异常简单

　　代码

　　(1)

　　$.get("search. do",{id:1},rend);

　　function rend(xml){

　　alert(xml);

　　}

　　(2)

　　$.post("search. do",{id:1},rend);

　　function rend(xml){

　　alert(xml);

　　}

　　(3)

　　$("#msg").ajaxStart(function(){

　　this.html("正在加载。。。。");

　　});

　　(4)

　　$("#msg").ajaxSuccess(function(){

　　this.html("加载完成！");

　　});

　　这些都是较常用的方法，get和post用法一样。第一个参数是异步请求的url，第二个为参数，第三个回调方法。（4）的方法会在指定的Dom对象上绑定响应ajax执行的事件。

　　（5）同步加载数据。发送请求时锁住浏览器。需要锁定用户交互操作时使用同步方式。

　　var html = $.ajax({

　　url: "some.php",

　　async: false

　　}).responseText;

　　(6) 保存数据到服务器，成功时显示信息。

　　$.ajax({

　　type: "POST",

　　url: "some.php",

　　data: "name=John&location=Boston", //也可以这样写“{"name" : "John"}”

　　success: function(msg){

　　alert( "Data Saved: " + msg );

　　}

　　});

渐入淡出

　　代码

　　$("#msg").show("fast");

　　$("#msg").hide("slow");

　　$("#msg").fadeIn();

　　$("#msg").fadeOut();

　　没错，上面两行代码已经分别实现了一个id为Msg的jquery对象的渐入和淡出。做一个像Gmail一样的动态加载通知条，用jquery就那么简单。两个函数接受的参数除了快慢等，还可以接收整型，作为渐入或淡出的完成时间，单位为MS。

plugin

　　这也是一个插件的时代。

　　jquery插件给我的感觉清一色的清洁，简单。如Jtip，要使用它的功能，只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以了。其他事情插件全包。我喜欢jquery的一个重要原因是发现她已经有了很多很好，很精彩的插件。

　　写得很烂。可能大家看不出jquery的好处。嗯，光听是没用的，试用一下吧。你会发觉很有趣。

　　暂时告一段落吧。待有新的发现再来分享。

　　加一些Jquery的资源：

　　http://www.visualjquery. com/index.xml 很好的API查询站点

　　http://jquery. com/demo/thickbox/ 知道lightBox吧，看看Jquery是怎样实现相同的东西

　　http://jquery. org. cn/visual/cn/index.xml //不错的JQUERY 中文学习 推荐

　　微软的visual studio 2008 sp1支持对jquery的动态提示，只要在代码页导入对应的vsdoc脚本就可以。