• 2007-07-05

    列表的添加删除两个AJAX操作函数 - [技术文档]

    这个功能有点类似于bus的添加分类功能

    function addSort(obj) {
        if (sortname = prompt('请输入分类名称：', '')) {
     var f = document.getElementById("create");  
     
     $.ajax({ url: "ajax.php",
        type:"get",          
        dataType:"html",
        data: "act=sortadd&sortname="+sortname,
        success:function(msg) {  
        f.cid.options[f.cid.options.length] = new Option(sortname, msg, true, true);     
        }
         }); 
         
     }
    }

    有添加就有删除了，删除当前选择的列表项:)

    function delSort(obj) {
     var f = document.getElementById("create");
     var id = f.cid.options[f.cid.selectedIndex].value;
     $.ajax({ url: "ajax.php",
        type:"get",          
        dataType:"html",
        data: "act=sortdel&id="+id,
        success:function(msg) {
        f.cid.options[f.cid.selectedIndex] = null;  
        }
         });   

    }

    Tag：JavaScript jquery
    梨子 发表于22:23:13 | 阅读全文 | 评论 0 | 编辑 | 分享 0

  • 2007-05-30

    JQuery相关插件 - [技术文档]

    插件1:很多插件http://interface.eyecon.ro/demos

    插件2:这是有名的thickboxhttp://jquery.com/demo/thickbox/

    插件3:表格相关http://motherrussia.polyester.se/docs/tablesorter/

    插件4:官方网站http://docs.jquery.com/Plugins

    Tag：jquery
    梨子 发表于10:38:03 | 阅读全文 | 评论 0 | 编辑 | 分享 0

  • 2006-12-29

    jQuery - [技术文档]

    $("a")匹配
    $("#a")匹配id为a 的对象，如

    $(".a")匹配class为a的对象 ，如

    $("p[a]")匹配

    中的链接，即


    $("div:visible")匹配当前显示的div。
    Tag：jquery
    梨子 发表于17:52:31 | 阅读全文 | 评论 0 | 编辑 | 分享 0

  • 2006-12-29

    jQuery的AJAX支持 - [技术文档]

    通用方式：
    $.ajax(prop)    通过一个ajax请求，回去远程数据，prop是一个hash表，它可以传递的key/value有以下几种。
             (String)type：数据传递方式(get或post)。
             ((String)url：数据请求页面的url
             ((String)data：传递数据的参数字符串，只适合post方式
             ((String)dataType：期待数据返回的数据格式(例如"xml","html","script",或"json")
             ((Boolean)ifModified： 当最后一次请求的相应有变化是才成功返回，默认值是false
             ((Number)timeout:设置时间延迟请求的时间。可以参考$.ajaxTimeout
             ((Boolean)global：是否为当前请求触发ajax全局事件，默认为true
             ((Function)error：当请求失败时触发的函数。
             ((Function)success：当请求成功时触发函数
             ((Function)complete：当请求完成后出发函数
    jQuery代码及说明
    $.ajax({url: "ajax.htm",
              success:    function    (msg){ 
                             $(div    "#a"    ).html(msg);
                    } 
        });
    将ajax.htm返回的内容作为id为a的div内容
    $.ajax({ url: "ajax.aspx",
                  type:    "get"    ,           
                 dataType:    "html"    ,
                 data:     "name=John&location=Boston"    ,
                 success:    function    (msg){ 
                                     $(    "#a"    ).html(msg);
                                  } 
             });

    用get方式向ajax.aspx页面传参数，并将返回内容负给id为a的对象。

    $.ajaxTimeout(time)设置请求结束时间
       $.ajaxTimeout( 5000 )

    其它简化方式：

    $.get(url, params, callback)  用get方式向远程页面传递参数，请求完成后处理函数，除了url外，其它参数任意选择！

    $.get( "ajax.htm" , function(data){ $("#a").html(data)  })
    $.get(  "ajax.asp", 
                { name:     "young", age: "25"     },
                function(data){ alert("Data Loaded: " +     data); }
            ) 
    $.getIfModified(url, params, callback)  用get方式向远程页面传递参数，从最后一次请求后如果数据有变化才作出响应，执行函数callback
    $.getJSON(url, params, callback)  用get方式向远程json对象传递参数，请求完成后处理函数callback。
    $.getScript(url, callback)  用get方式载入并运行一个远程javascript文件。请求完成后处理函数callback。
    $.post(url, params, callback)  用post方式向远程页面传递参数，请求完成后处理函数callback
    load(url, params, callback)  载入一个远程文件并载入页面DOM中，并执行函数callback
    $("#a").load("ajax.htm", function() { alert("load is done"); } );
    向ajax.htm页面发出请求，将返回结果装入id为a的内容中，然后再执行函数callback。
    loadIfModified(url, params, callback)  用get方式向远程页面传递参数，从最后一次请求后如果数据有变化才作出响应，将返回结果载入页面DOM中，并执行函数callback
    ajaxStart(callback)当ajax请求发生错误是时执行函数callback
    ajaxComplete(callback)  当ajax请求完成时执行函数callback
    ajaxError(callback)  当ajax请求发生错误时执行函数callback
    ajaxStop(callback)  当ajax请求停止时执行函数callback
    ajaxSuccess(callback)  当ajax请求成功时执行函数callback
    Tag：AJAX jquery
    梨子 发表于17:50:33 | 阅读全文 | 评论 0 | 编辑 | 分享 0
共1页 1