如何在另一个JavaScript函数中使用接收到的JSON对象？

Question

我写了一个函数，通过ajax调用返回JSON格式数据。这个JSON是：

 {
    "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"
    }]
}

以下是用于获取此响应的JavaScript函数：

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());
    }
}

它正在获得正确的响应。还有另一个函数用于获取所选下拉菜单中的选择值：

<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);
}

目标

我需要在test()函数中使用JSON响应，即myJSONObject。如何在test()函数中使用由getModelData() ajax函数获取的var myJSONObject？

- Siva

---

有史以来最长的stackoverflow句子 - pc1oad1etter

Answer 1

我在解析 JSON对象 方面有不同的方法。

从PHP方面，我创建了一个对象并将其存储在变量中，比如说 $JSONvar。现在我用 echo 输出这个变量。

然后在客户端，这是我拦截对象的方式。

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);

您的测试函数应该能够像这样访问对象：

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);
}

- Shouvik

---

我在这里使用的是可以将myJSONObject声明为全局变量，这样我们就可以在函数内的任何地方访问它。 - Siva

这样使用 eval 是很危险的。如果你的网络中有人正在使用 DNS 中间人攻击将请求重定向到另一台服务器，那么他们可以将任意 JavaScript 插入响应中，而 eval 将运行它。 - Ethan Reesor

我想我们可以编写一个函数来清理返回的JSON值，以检查是否存在注入，然后对其进行评估。 - Shouvik

Answer 2

从xmlHttp.onreadystatechange函数中调用test()，将解码后的对象作为参数传递。

- Ignacio Vazquez-Abrams

---

我没有得到正确的结果，你能简要告诉我或者如何编码吗？ - Siva