Javascript Parameterübergabe an Funktion

Rookie-Frage: ich habe folgende JavaScript-Funktionen. Dies funktioniert einwandfrei, aber ich möchte nicht zu fest die Saiten "Namen" und "namesDiv". Ich möchte Sie zu übergeben als Parameter an die getItems().Wie mache ich das?

Edit: Die Funktion GetMsg() liefert ein JSON-Objekt: Ergebnis.

HTML:

<input type="button" onclick="getItems(); return false;" value="Go"/>

JS:

function getItems() {
   loadingMsg();
   GetMsg("Names", null, callback);
}

function callback(result, args){
   clearContainer();
   //do stuff
   document.getElementById("namesDiv").append(foo);
}

function loadingMsg(){
    clearContainer();
    //do stuff
    document.getElementById("namesDiv").append(foo);   
}

function clearContainer(){
    document.getElementById("namesDiv").innerHTML = "";
}

InformationsquelleAutor K.R. | 2011-07-09

  1. 5

    Für die Hälfte von Ihnen, es ist offensichtlich; starten Sie die übergabe der Parameter an die Funktion:

    function loadingMsg(containerID) {
    clearContainer(containerID);
    document.getElementById(itemDiv).append(foo);   
}

function clearContainer(containerID) {
    document.getElementById(containerID).innerHTML = "";
}

    callback ist ein wenig komplexer. Wir werden es in eine Funktion Rücksendung der Rückruf.

    function makeCallback(containerID) {
    function callback(result, args) {
        clearContainer();
        document.getElementById(containerID).append(foo);
    }
    return callback;
}

    Nun nennen wir makeCallback um einen Rückruf. Wir können jetzt schreiben getItems:

    function getItems(itemType, containerID) {
   loadingMsg(containerID);
   GetMsg(itemType, null, makeCallback(containerID));
}
    +1 für die Deckung der callback Fall
    Genau das, was ich brauchte. Danke! @Pablo Fernandez Sorry, ich sollte besser erklärt in meiner Frage.

    InformationsquelleAutor icktoofay

  2. 4

    Können Sie einfach:

    HTML -

    <input type="button" onclick="getItems('Names', 'namesDiv'); return false;" value="Go"/>

    JS

    function getItems(name, div) {
    loadingMsg();
    GetMsg(name, null, function(r, args) { callback(div, r, args); });
}

    EDIT: ich denke ich habe alles abgedeckt...

    InformationsquelleAutor Ktash

  3. 1
     onclick="getItems('namesDiv', 'Names'); return false;"

    dann:

    function getItems(param1, param2) {

    param1 wird namesDiv und param2 wird Names

    Dieser sagte, würde ich empfehlen, nehmen Sie einen Blick auf Unobtrusive JavaScript vor allem der Teil, dass die Gespräche über die Trennung des Verhaltens von markup.

    Das beantwortet nicht die Frage; es gibt andere Verwendungen von "Names" und "namesDiv" außerhalb der getItems.
    Lesen ist die Frage. Es ist " ich will, Sie zu übergeben als Parameter an die getItems().Wie mache ich das?". Die OP wahrscheinlich kopiert das ganze js für Vollständigkeit
    Ja, aber Rückruf nicht im Rahmen und nicht zu wissen, was 'namesDiv' ist.
    Ich war zu Lesen, ist die Frage. Sicher, Sie wollte, Sie zu übergeben als Parameter, aber Sie wollte wohl die Argumente gelten für die anderen Funktionen.
    Fair genug. Da dies beantwortet die Frage, lasse ich die OP entscheiden, ob das genug ist, oder er braucht mehr Führung (deine Antwort kann ihm helfen, in diesem Fall)

    InformationsquelleAutor Pablo Fernandez

  4. 0

    verwenden addEventListener anstelle von inline - onclick 

    <input type="button" id="getItems" value="Go" />

    JS:

    function getItems(name, id) {
   loadingMsg(id);
   GetMsg(name, null, callback(id));
}

function callback(id){
    return (function() {
        function(result, args){
           clearContainer(id);
           //do stuff
           document.getElementById(id).append(foo);
         }
    })();
}

function loadingMsg(id){
    clearContainer(id);
    //do stuff
    document.getElementById(id).append(foo);   
}

function clearContainer(id){
    document.getElementById(id).innerHTML = "";
}

document.addEventListener("DOMContentLoaded", function() {
    document.getElementById("getItems").addEventListener("click", function() {
        getItems("Names", "namesDiv");
    }, false);
}, false);

    InformationsquelleAutor Jim Deville

Schreibe einen Kommentar