How to use a JSON object received by one JavaScript function in another function?

Question

I had written a function which returns JSON format via ajax call. The JSON is

 {
    "communication": [{
        "communication_name": "None",
        "communication_id": "1"
    }],
    "hardware": [{
        "hardware_name": "XXXXXXXX",
        "hardware_id": "6"
    }],
    "Sofware": [{
        "software_name": "XXXXXX",
        "software_id": "3"
    }, {
        "software_name": "XXXXXXXXXXXXX",
        "software_id": "4"
    }]
}

And this is the JavaScript function for getting this response:

function getModelData(model_id, model_name){

     var xmlHttp = createXmlHttpRequestObject();

    try {
    xmlHttp.open("GET", "ajaxmodel_new.php?model_id="+model_id,true);
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState == 4 && xmlHttp.status==200){
        var myJSONObject =  JSON.parse(xmlHttp.responseText)
        //alert(myJSONObject.communication[0].communication_name)
         }
    }
    xmlHttp.send(null);

    } catch (e){
    alert("Can't connect to server:\n" + e.toString());
    }
}

It is getting the correct response. And there is another function is for getting the selected value in the selected drop down:

<div id="selected_options">
                <select onchange="test()" id="selected_opt">
                <option value="0" selected>-Select-</option>
                <option value="1">Communication</option>
                             </select></div>
function test() {
    var get_id = document.getElementById('selected_opt');
    var result = get_id.options[get_id.selectedIndex].value;
    alert(result);
}

Objective

I need to use the JSON response, i.e., myJSONObject, in the test() function. How can I use that var myJSONObject which is obtained in getModelData() ajax function in test() function?

Longest stackoverflow sentence EVER

pc1oad1etter
– pc1oad1etter

2011-03-25 14:45:01 +00:00
Commented Mar 25, 2011 at 14:45 — pc1oad1etter
– pc1oad1etter, Commented Mar 25, 2011 at 14:45

Shouvik · Accepted Answer · 2011-03-25 06:44:22Z

4

I had a different approach in parsing the JSON Object.

From the PHP side I create the object and store it in a variable say, $JSONvar. Now I echo the variable.

Then on the client side this is how I intercept the object.

var JsonObject = {};
var http = new XMLHttpRequest();
http.open("GET", url, true); //url is the url echoing the jsonString
http.onreadystatechange = function () {
if (http.readyState == 4 && http.status == 200) {
    var responseTxt = http.responseText;
    myJSONObject = eval('(' + responseTxt + ')');
    test(myJSONObject);
 }
}
http.send(null);

Your test function should be able to access the object like this,

function test(myJSONObject) {
var object = myJSONObject;
alert(object);
var get_id = document.getElementById('selected_opt');
var result = get_id.options[get_id.selectedIndex].value;
alert(result);
}

edited Mar 25, 2011 at 6:44

answered Mar 25, 2011 at 6:37

Shouvik

11.8k17 gold badges61 silver badges90 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Siva Over a year ago

i used here is we can declare myJSONObject as a global variable , so that we can access it anywhere inside the function

Ethan Reesor Over a year ago

Using eval like this can be dangerous. If someone one your network is using a DNS man in the middle attack to redirect requests to another server, they could insert arbitrary JavaScript into the response and eval would run it.

Shouvik Over a year ago

I guess we can write a function to sanitize the return json value to check for injections and then eval it.

Ignacio Vazquez-Abrams · Accepted Answer · 2011-03-25 05:03:33Z

2

Call test() from the function in xmlHttp.onreadystatechange, passing the decoded object as a parameter.

answered Mar 25, 2011 at 5:03

Ignacio Vazquez-Abrams

804k160 gold badges1.4k silver badges1.4k bronze badges

1 Comment

Siva Over a year ago

i'm not getting the correct thing can u plesae tell me in brief or how to code ?

Collectives™ on Stack Overflow

How to use a JSON object received by one JavaScript function in another function?

Objective

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Objective

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related