决定像罗胖一样,坚持转发他的60“语音, 看我能不能一样坚持下来!

Ajax链接扩展 dwz的工作原理

技术笔记 eagle 3908℃ 0评论

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
    });
}

 

转载请注明:艾依小站 » Ajax链接扩展 dwz的工作原理

喜欢 (0)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址