Событие LoadStop срабатывает несколько раз - PullRequest
Новая
       30

Событие LoadStop срабатывает несколько раз

0 голосов
/ 03 января 2019

Я пытаюсь опубликовать HTML-страницу, используя плагин cordova-inapp-browser. Проблема, с которой я сталкиваюсь, заключается в том, что событие loadtop запускается несколько раз.

Я пытался использовать код в событии buttonclick (onClicked ()), но тогда метод post не работает вообще. Я также попробовал loadstart, который также не дает желаемого результата. 

var app = {
// Application Constructor
    initialize: function() {
    document.addEventListener('deviceready', this.onDeviceReady.bind(this), false);
    document.getElementById('btnClick').addEventListener('click',app.onClicked,false);
},

onDeviceReady: function() {
     this.receivedEvent('deviceready');
},

// Update DOM on a Received Event
receivedEvent: function(id) {
    var parentElement = document.getElementById(id);

    var listeningElement = parentElement.querySelector('.listening');
    var receivedElement = parentElement.querySelector('.received');

    listeningElement.setAttribute('style', 'display:none;');
    receivedElement.setAttribute('style', 'display:block;');

    console.log('Received Event: ' + id);

},

onClicked: function(){
    var url = "https://httpbin.org/";

    console.log("Clicked Button");
    var target = "_blank";
    var options = "location=no,hidden=yes";
    ref = cordova.InAppBrowser.open('about:blank',target, options);
    ref.addEventListener('loadstop',app.onBrowserLoadStop);
},
onBrowserLoadStop: function(params){

    console.log("Start - Load Stop");

    var options = {
        uid:'ANYUID',
        pwd:'ANYPASSWORD'
    };

    var script = 'var form = document.createElement("form");';
    script += 'var url="https://httpbin.org/post";';
    script += 'form.method="post";';
    script += 'form.setAttribute("action",url);';
    for(var data in options){
        script += 'var hiddenField = document.createElement("input");';
        script += 'hiddenField.setAttribute("type","hidden");';
        script += 'hiddenField.setAttribute("name","'+data+'");';
        script += 'hiddenField.setAttribute("value","'+ options[data] + '");';
        script += 'form.appendChild(hiddenField);';
    }
    script += 'document.body.appendChild(form);';
    script += 'form.submit();';
    console.log("Scirpt: " + script);
    ref.executeScript({
        code:script
    },
    function(values){
        console.log(JSON.stringify("Script: "+ values));
     }
    );
    ref.show();
},
};

app.initialize ();

Я хочу опубликовать этот http-сайт только один раз. Если вы проверите консоль, событие loadtop продолжает работать.

...