layer插件實(shí)現(xiàn)在彈出層中彈出一警告提示并關(guān)閉彈出層的方法

昨天layer插件彈出層關(guān)閉問(wèn)題弄的我直撓頭，短短幾行代碼，用了我將近2個(gè)鐘頭才解決。我的使用場(chǎng)景是這樣。在頁(yè)面中用layer.open彈出一個(gè)層，在層內(nèi)是微信支付二維碼，客戶掃碼支付。支付成功后關(guān)閉此彈出層，并提示項(xiàng)目投遞成功，然后再跳轉(zhuǎn)到其他頁(yè)面。為了監(jiān)控微信二維碼掃碼支付是否成功。我利用了每隔三秒，查詢下支付訂單，查看支付訂單的支付狀態(tài)是否改變。在實(shí)際操作中由于使用的是location.href做跳轉(zhuǎn)，然而跳轉(zhuǎn)執(zhí)行的非常慢，要10幾秒才能成功，這不能忍。只能退而求其次，只是提示投遞成功，然后關(guān)閉彈出層。由于關(guān)閉彈出層，及彈出警告提示的相關(guān)代碼是在彈出層所在頁(yè)面執(zhí)行。

創(chuàng)新互聯(lián)公司于2013年創(chuàng)立，先為虹口等服務(wù)建站，虹口等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為虹口企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

實(shí)際代碼在執(zhí)行過(guò)程當(dāng)中遇到了各種問(wèn)題。

$(function () {
      setInterval(GetDeliverProjectPayStatusSuccess, 3000);
    });
    function GetDeliverProjectPayStatusSuccess() {
      $.post("/ajax/GetDeliverProjectPayStatus.ashx", { OrderNo:"<%=Request.QueryString["OrderNo"] %>" }, function (data) {
        console.info(data);
 
        if (data == 1) {
  parent.layer.closeAll();
          layer.alert("項(xiàng)目投遞成功");
 
        }
      });
    }

首先嘗試的代碼如上。先關(guān)閉彈出層，然后提示項(xiàng)目投遞成功。這嘗試的結(jié)果是，彈出層被關(guān)閉了。卻沒有任何提示。為什么這樣執(zhí)行，分析的結(jié)果是關(guān)閉彈出層，意味著彈出頁(yè)面被關(guān)閉。彈出頁(yè)面被關(guān)閉了。在彈出頁(yè)面存在的layer.alert代碼也就無(wú)從執(zhí)行。然后這兩行代碼調(diào)換位置?？扇匀皇菑棾鰧颖魂P(guān)閉了。卻沒有提示。這個(gè)分析的原因是就像javascript中的alert與location.href一樣。如果先alert然后在location.href，也不會(huì)執(zhí)行alert，或者說(shuō)其實(shí)有執(zhí)行，但是由于系統(tǒng)執(zhí)行的非常快，還沒等你看到alert信息，瀏覽器已經(jīng)跳轉(zhuǎn)了。這里也是，還沒等你看到項(xiàng)目投遞成功的信息，彈出層已經(jīng)關(guān)閉了。

又嘗試了帶回調(diào)函數(shù)的layer.alert，等客戶點(diǎn)擊layer.alert的確定按鈕后再執(zhí)行parent.layer.closeAll() 來(lái)關(guān)閉彈出層。然而殘酷的現(xiàn)實(shí)是，由于這個(gè)是每隔三秒執(zhí)行一次post請(qǐng)求，結(jié)果就是如果你點(diǎn)擊關(guān)閉按鈕過(guò)慢，它會(huì)每隔3秒彈出項(xiàng)目投遞成功的提示。這怎么能用。難道你要求客戶必須快速反應(yīng)，點(diǎn)擊關(guān)閉按鈕？經(jīng)過(guò)不斷嘗試，最終還是找到了一個(gè)方法解決了這個(gè)問(wèn)題。

能夠很好解決此問(wèn)題的代碼如下：

  $(function () {
      setInterval(GetDeliverProjectPayStatusSuccess, 3000);
    });
    function GetDeliverProjectPayStatusSuccess() {
      $.post("/ajax/GetDeliverProjectPayStatus.ashx", { OrderNo:"<%=Request.QueryString["OrderNo"] %>" }, function (data) {
        console.info(data);
 
        if (data == 1) {
          parent.layer.alert("項(xiàng)目投遞成功");
          var index = parent.layer.getFrameIndex(window.name); //先得到當(dāng)前iframe層的索引
          parent.layer.close(index); //再執(zhí)行關(guān)閉 
 
        }
      });
    }

以上這篇layer插件實(shí)現(xiàn)在彈出層中彈出一警告提示并關(guān)閉彈出層的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持創(chuàng)新互聯(lián)。

本文名稱：layer插件實(shí)現(xiàn)在彈出層中彈出一警告提示并關(guān)閉彈出層的方法
標(biāo)題路徑：http://muchs.cn/article12/gdiegc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、響應(yīng)式網(wǎng)站、搜索引擎優(yōu)化、網(wǎng)站設(shè)計(jì)、靜態(tài)網(wǎng)站、網(wǎng)站改版

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容