案例模态框的异步加载

最新推荐文章于 2024-07-26 16:20:18 发布

原创最新推荐文章于 2024-07-26 16:20:18 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#异步 #javascript

原生JS学习之路专栏收录该内容

4 篇文章

订阅专栏

在页面上给模态框一个 ID

<div class="modal fade" id="viewCardPopup" role="dialog"></div>

新建模态框的页面HTML。
在JS里定义URL（例）：
viewCardDetail: “/OperationTransaction/MemberCard/_ViewCard”。
设定点击事件：

$(eleIds.cardsTable).on("click", eleClsName.viewCardDetail, function () {   //点击事件
  $(eleIds.viewCardPopup).load(    //异步加载URL
urls.viewCardDetail+ "?t=" + new Date().getMilliseconds() + "&id=" + $(this).attr("data-id"), function () {  //拼接字符串
  $(eleIds.viewCardPopup).modal('show');//将模态框show出来
        });
        return false;
    })