JavaScript實(shí)現(xiàn)連貫操作 (判斷是否已登錄后提交)

EdwardUp 發(fā)布于2019-08-19 18:16 / 1976人閱讀

摘要：前言先放一個(gè)手機(jī)歸屬地查詢公司經(jīng)常有這樣的需求頁(yè)面差不多是交互的頁(yè)面上有數(shù)個(gè)提交操作的按鈕而需求要求用盡可能少的代碼來(lái)實(shí)現(xiàn)連貫操作即用戶未登錄時(shí)彈出登錄浮窗登錄完成后立即繼續(xù)提交技術(shù)方案中的中自帶了個(gè)變量是指到本的指針使用下面代碼基本可實(shí)現(xiàn)

前言

先放一個(gè)Demo Page: 170手機(jī)歸屬地查詢

公司經(jīng)常有這樣的需求, 頁(yè)面差不多是ajax交互的, 頁(yè)面上有數(shù)個(gè)提交操作的按鈕, 而需求要求用盡可能少的代碼來(lái)實(shí)現(xiàn)連貫操作：即用戶未登錄時(shí)彈出登錄浮窗, 登錄完成后立即繼續(xù)提交.

技術(shù)方案

JavaScript中的function中, 自帶了個(gè)變量: arguments,
args.callee 是指到本function的指針
使用下面代碼基本可實(shí)現(xiàn)登錄連貫操作：

代碼

$("dom").on("click touch", function(event){
    args = arguments;
    $.ajax({
        url: "...",
        ...
        success: function(json){
            if(json.head.statusCode == 0){
                console.log("成功");
                ...
            }else if(json.head.statusCode == 401){
                $loginBox = bootbox.login({
                    callback: function(){
                        args.callee.apply(null, args);
                        $loginBox.modal("hide");
                    }
                })
            }
        }
    })
});

云服務(wù)器 GPU云服務(wù)器 js判斷是否已點(diǎn)擊用戶是否已登錄 php是否登錄判斷 php中判斷是否登錄

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/79392.html

相關(guān)文章

JavaScript簡(jiǎn)明教程之瀏覽器，前端程序猿必看

摘要：瀏覽器對(duì)象可以獲取瀏覽器提供的很多對(duì)象，并進(jìn)行操作。對(duì)象不但充當(dāng)全局作用域，而且表示瀏覽器窗口。對(duì)象表示當(dāng)前頁(yè)面的信息。由于在瀏覽器中以形式表示為樹形結(jié)構(gòu)，對(duì)象就是整個(gè)樹的根節(jié)點(diǎn)。這個(gè)行為由瀏覽器實(shí)現(xiàn)，主流瀏覽器均支持選項(xiàng)，從開始支持。由于JavaScript的出現(xiàn)就是為了能在瀏覽器中運(yùn)行，所以，瀏覽器自然是JavaScript開發(fā)者必須要關(guān)注的?！緦懙谋容^多，難免有疏漏的地方，希望...

explorer_ddf 2019-08-20 10:31 評(píng)論0 收藏0
Python3網(wǎng)絡(luò)爬蟲實(shí)戰(zhàn)---15、爬蟲基礎(chǔ)：HTTP基本原理

摘要：上一篇文章網(wǎng)絡(luò)爬蟲實(shí)戰(zhàn)部署相關(guān)庫(kù)的安裝下一篇文章網(wǎng)絡(luò)爬蟲實(shí)戰(zhàn)網(wǎng)頁(yè)基礎(chǔ)在寫爬蟲之前，還是需要了解一些爬蟲的基礎(chǔ)知識(shí)，如原理網(wǎng)頁(yè)的基礎(chǔ)知識(shí)爬蟲的基本原理基本原理等。由萬(wàn)維網(wǎng)協(xié)會(huì)和工作小組共同合作制定的規(guī)范，目前廣泛使用的是版本。上一篇文章：Python3網(wǎng)絡(luò)爬蟲實(shí)戰(zhàn)---14、部署相關(guān)庫(kù)的安裝：Scrapyrt、Gerapy下一篇文章：Python3網(wǎng)絡(luò)爬蟲實(shí)戰(zhàn)---16、Web網(wǎng)頁(yè)基礎(chǔ)...

codeGoogle 2019-07-31 10:34 評(píng)論0 收藏0
使用JWT(Json Web Token)實(shí)現(xiàn)登錄認(rèn)證

摘要：今天我們來(lái)結(jié)合實(shí)例給大家講述的實(shí)戰(zhàn)應(yīng)用，就是如何使用前端與后端實(shí)現(xiàn)用戶登錄鑒權(quán)認(rèn)證的過(guò)程。只用了一個(gè)串，建立前后端的驗(yàn)證的數(shù)據(jù)傳遞，實(shí)現(xiàn)了有效的登錄鑒權(quán)過(guò)程。今天我們來(lái)結(jié)合實(shí)例給大家講述JWT(Json Web Token)的實(shí)戰(zhàn)應(yīng)用，就是如何使用前端Axios與后端PHP實(shí)現(xiàn)用戶登錄鑒權(quán)認(rèn)證的過(guò)程。文中涉及的重要知識(shí)點(diǎn)： axios異步請(qǐng)求：axios-基于Promise的HTT...

Yu_Huang 2019-06-28 18:34 評(píng)論0 收藏0
js溫故而知新10(操作表單)——學(xué)習(xí)廖雪峰的js教程

摘要：用操作表單和操作是類似的，因?yàn)楸韱伪旧硪彩菢?。因此，第二種方式是響應(yīng)本身的事件，在提交時(shí)作修改可以在此修改的繼續(xù)下一步注意要來(lái)告訴瀏覽器繼續(xù)提交，如果，瀏覽器將不會(huì)繼續(xù)提交，這種情況通常對(duì)應(yīng)用戶輸入有誤，提示用戶錯(cuò)誤信息后終止提交。用JavaScript操作表單和操作DOM是類似的，因?yàn)楸韱伪旧硪彩荄OM樹。 HTML表單的輸入控件主要有以下幾種：文本框，對(duì)應(yīng)的，用于輸入文本； ...

simon_chen 2019-08-20 15:08 評(píng)論0 收藏0
大話javascript 7期：Cookie、Session和Token的那些事兒

摘要：服務(wù)器檢查該，以此來(lái)辨認(rèn)用戶狀態(tài)。如果為，表示刪除該。防篡改簽名服務(wù)器為每個(gè)項(xiàng)生成簽名。服務(wù)端根據(jù)接收到的內(nèi)容和簽名，校驗(yàn)內(nèi)容是否被篡改。算法得到的簽名和請(qǐng)求中數(shù)據(jù)的簽名不一致，則證明數(shù)據(jù)被篡改。一、登錄認(rèn)證機(jī)制隨著互聯(lián)網(wǎng)的不斷發(fā)展，無(wú)論是網(wǎng)站還是app，一般都會(huì)要求用戶注冊(cè)/登錄。主要的登錄方式有賬戶密碼登錄、第三方登錄（微信登錄、QQ登錄、微博登錄等）登錄可分為三個(gè)階段（登錄...

tianren124 2019-08-23 16:58 評(píng)論0 收藏0