Javascript Chrome扩展:popup.html在新选项卡中关闭并打开响应?

Javascript Chrome扩展:popup.html在新选项卡中关闭并打开响应?,javascript,ajax,google-chrome-extension,Javascript,Ajax,Google Chrome Extension,我在popup.html上有一个登录表单,它调用以下函数 chrome.extension.sendRequest({ req: "login", user: username, pass: pass, remember: remember }, function(response) { console.log("RESPONSE RECIEVED HOOORAH!"); });

我在popup.html上有一个登录表单,它调用以下函数

 chrome.extension.sendRequest({
        req: "login",
        user: username,
        pass: pass,
        remember: remember
    }, function(response) {
        console.log("RESPONSE RECIEVED HOOORAH!");
            });
此函数依次转到mybackground.html中的以下switch语句

do_login(request.user, request.pass, request.remember, false, true, function(response){
                        if(response == true){
                            sendResponse("success");
                        }else{
                            sendResponse("badLogin");
                        }
                    })
以下是
do\u login
的内容。在执行do login的过程中,my popup.html会在新选项卡中随机关闭并重新打开,代码在那里完成,我就登录了。为什么会这样

 var xhr = new XMLHttpRequest();
    xhr.open("GET",requrl,true);
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=utf-8");
    xhr.onreadystatechange = function(do_login){
        if(xhr.readyState == 4){
            if(xhr.status == 200){
                console.log(xhr.responseText);
                try{
                    //Incase they were just logged in as another user.
                    createContextMenu();
                    //users info.
                    var resp = JSON.parse(xhr.responseText);
                    if(resp.default === void(0)){
                        logOut();
                        callback(null);
                    }
                default = resp.default;

                for(var i=0;i<resp.s.length;i++){
                globalStaks[i] = resp.s[i];
                }
                st = global;
                bud = resp.bud;
                msg = resp.msg;
                stakid = resp.default;
                }catch(x){
                // This situation is where you have incorrect password
                console.log("something is wrong with logging in ")
                clearLoginInfo();
                console.log("Incorrect password");
                }
                if(resp.msg == "denied")
    {
        clearLoginInfo();
        callback(false);
    }
    else
    {
        loggedIn = true;
        user = username;
        userid = resp.userid;
        if(refresh){
            refreshpage();
        }
        if(notificationdisplay){
            notification.cancel();
        }
        if(remember)
        {
            clearLoginInfo();
            storeLogin(username,pass);
        }
        localStorage.setItem("pass",pass);
        md5 = pass;
        callback(true);
        }
        }else {
            callback(false);
        }
    }
}
        xhr.send(null);

弹出窗口中的代码和数据是短暂的,因为一旦弹出窗口关闭,关联的代码就会随之关闭,因此从后台页面到弹出窗口的任何回调都将失败(没有任何回调)

您需要找到打开新页面的内容(不是所有代码都包含在问题中-createContentMenu做什么?)。桌面通知可能导致您失去焦点,从而可能关闭弹出窗口

还要确保在弹出窗口中捕获表单提交,然后通过XMLHttpRequest传递请求(或者使用嵌入的imframe来承载表单),因为弹出窗口中的表单提交并不像您想象的那样有效(您的页面不会在弹出窗口中更新)

 Uncaught Error: Attempting to use a disconnected port object
 chrome.Port.postMessagechrome/RendererExtensionBindings:147
 chromeHidden.Port.dispatchOnConnect.connectEventchrome/RendererExtensionBindings:89
 sendResponse.reply background.html:1266
 xhr.onreadystatechange