Javascript passer des paramètres à la fonction

Recrue question: j'ai de la suite de fonctions JavaScript. Cela fonctionne correctement, mais je ne veux pas coder en dur les chaînes "Noms" et "namesDiv". Je veux les passer en paramètres à la getItems().Comment puis-je faire cela?

Edit: La fonction GetMsg() renvoie un objet JSON: résultat.

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 = "";
}

OriginalL'auteur K.R. | 2011-07-09

javascript parameter-passing

Pour la moitié d'entre eux, c'est évident; vous venez de commencer à passer les paramètres à la fonction:

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

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

callback est un peu plus complexe. Nous allons la transformer en une fonction retournant la fonction de rappel.

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

Maintenant, nous pouvons appeler makeCallback pour obtenir un rappel. Nous pouvons maintenant écrire getItems:

function getItems(itemType, containerID) {
   loadingMsg(containerID);
   GetMsg(itemType, null, makeCallback(containerID));
}

+1 pour la couverture du callback cas
Exactement ce dont j'avais besoin. Merci! @Pablo Fernandez Désolé j'aurais du mieux expliquée à ma question.

OriginalL'auteur icktoofay

Vous pouvez tout simplement:

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: je pense que j'ai couvert tout...

OriginalL'auteur Ktash

1
```
 onclick="getItems('namesDiv', 'Names'); return false;"
```
et puis:
```
function getItems(param1, param2) {
```
param1 sera namesDiv et param2 sera Names

Ceci dit, je vous recommande de prendre un coup d'oeil à JavaScript Discret en particulier la partie qui parle de la séparation de comportement à partir de la majoration.

Cela ne répond pas à l'ensemble de la question; il y a d'autres utilisations de "Names" et "namesDiv" à l'extérieur de getItems.
lire la question. C'est " je veux les passer en paramètres à la getItems().Comment puis-je faire cela?". L'OP probablement copié l'ensemble du js pour l'exhaustivité
Oui, mais le rappel ne sera pas dans le champ d'application et ne savent pas ce qu' 'namesDiv' est.
J' lu la question. Bien sûr, ils ont voulu les passer en paramètres, mais ils voulaient probablement les arguments à appliquer pour les autres fonctions.
Juste assez. De toute façon puisque cela répond à la question, je vais laisser les OP de décider si cela est suffisant ou il a besoin de plus d'orientation (réponse à votre question peut aider dans ce cas)

OriginalL'auteur Pablo Fernandez

utilisation addEventListener au lieu de 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);

OriginalL'auteur Jim Deville

Vous devez vous connecter pour publier un commentaire.