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

目的

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

Answer 1

我在解析 JSON对象时采用了不同的方法。

从PHP方面我创建了对象并将其存储在变量say $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);
}

Answer 2

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

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

目的

2 个答案: