Ajax链接扩展 dwz的工作原理

Ajax链接扩展

<a href=”xxx” target=“ajax” [rel=“boxId”]>

示例: <a href=”w_alert.html” target=”ajax” rel=”container”>提示窗口</a>

当前navTab中链接ajax post扩展

<a href=”user.do?method=remove” target=”ajaxTodo“>删除</a>

<a href=”user.do?method=remove” target=”ajaxTodo” title=”确定要删除吗?”>删除</a>(用来做译者时间占用操作)

$(“a[target=ajaxTodo]“, $p).each(function(){//each迭代,选择a中有target=ajaxTodo的

$(this).click(function(event){//将dom对象转成jquery对象$(this)

var $this = $(this);

var title = $this.attr(“title”);//获得jquery对象的title属性

if (title) {

alertMsg.confirm(title, {

okCall: function(){

ajaxTodo($this.attr(“href”));

}

});

else {

ajaxTodo($this.attr(“href”));

}

event.preventDefault();  //取消事件默认行为

});

});

 

Title为可选项,如果设置,点击后将调用alertMsg.confirm与用户交互确认或取消,Title值为提示信息.Target值为ajaxTodo时会自动关联如下JS。

 

function ajaxTodo(url, callback){
    var $callback = callback || navTabAjaxDone;
    if (! $.isFunction($callback)) $callback = eval('(' + callback + ')');
    $.ajax({
        type:'POST',
        url:url,
        dataType:"json",
        cache: false,
        success: $callback,
        error: DWZ.ajaxError
    });
}

 

发表评论