Pass variable value outside out a loop

I know that probably would be the dumbest question to ask, but its a desperate attempt from a UI guy to do something... i have getting some values from a json file, and then i am passing those values to plot a graph using jflot.

//Script

function plot4() {
    $.getJSON("wc.json",function(data){
        $.each(data.posts, function(i,data){
            var wc = data.title;
            alert(wc);
        });
    });

    function drawPlot() {
        alert(wc);
        // function which draws plot using jFlot using a huge d开发者_StackOverflowataset
    }
}

Is it okay that i wrap the getjson file outside the drawPlot function ??.. pls advice

---

No, because you declare wc (via var wc) to be in the scope of the "each" block.

To do what you want, you need to either:

1. move wc out to the scope containing both functions

   function plot4() {
       var wc;
       $.getJSON("wc.json",function(data){
           $.each(data.posts, function(i,data){
               wc = data.title;
   

2. Or, if you actually wish to call drawPlot from your each loop (you don't seem to be calling it all!), pass wc as a parameter to it

   // ... some other code 
         var wc = data.title;
         drawPlot(wc);
   // ... some other code 
   
   function drawPlot(wc) {
       alert(wc);
      // function which draws plot using jFlot using a huge dataset
   }
   

---

What's wrong with parameters?

function plot4() {
    $.getJSON("wc.json",function(data){
        $.each(data.posts, function(i,data){
            var wc = data.title;
            drawPlot(wc);
        });
    });

    function drawPlot(wc) {
        // function which draws plot using jFlot using a huge dataset
    }
}

...or:

function plot4() {
    $.getJSON("wc.json",function(data){
        $.each(data.posts, function(i,data){
            var wc = data.title;
            drawPlot(wc);
        });
    });
}

function drawPlot(wc) {
    // function which draws plot using jFlot using a huge dataset
}