AJAX调用显示html div中的api键和值

Question

希望你能帮我。

我试图弄清楚如何在我的html网页上显示api、json键和值数据（格式化css）。Ajax调用连接到nodejs服务器并获取数据。我得到了成功的ajax调用并在console.log上输出，但返回时在我的网页上显示[object object]。

Api数据的结构如下所示

`
{
    "error": false,
    "model" : [
    {
        "key1": "value1",
        "key2": "value2",
        "key3": "value3",
        "key4": "value4",
        "key5": "value5",
        "key6": "value6",
        "key7": "value7",
        "key8": "value8"
    },
    {
        "key1": "value1",
        "key2": "value2",
        "key3": "value3",
        "key4": "value4",
        "key5": "value5",
        "key6": "value6",
        "key7": "value7",
        "key8": "value8"
    }
]
}`

函数如下所示

`
var _t = this;
var modelUrl = "/searchModel";
(api key is already passed)



this.searchModelEvent = function (e) {

    e.preventDefault();
    var $m = $(this);

    var _serial = $m.find(".serialNum").val();

    var modelData = { apikey: apikey,id: _serial };
    modelData = JSON.stringify(modelData);

    console.log(modelData);
    $.ajax({
        type: 'POST',
        contentType: 'application/json',
        dataType: 'json',
        data: modelData,
        url: modelUrl,
        success: function(data) {
        if (data.error) {
        _t.errorState();                    
        } else {
        console.log("SUCCESS!!@#! \n");
        _t.loginModelState(data);
    }   

},

}); 

};

this.loginModelState = function (data) {
        var _model = data;

        for (var _i in _model) {
        var _output="";
        if(_model[_i] instanceof Object){

        for(var _x in _model[_i]){

        console.log(_model[_i][_x]);

        _output+=""+_x+"
"+_model[_i][_x];

        } 
    }   
        _output+="";
        $('div').html(_output);
    }
};//end`

Answer 1

你好，请尝试这个和任何困惑或问题，然后告诉我。

<script type="text/javascript">
    $( document ).ready(function() {


          $.getJSON("http://Your .Php", function(data) {

            $.each(data.model, function(index, item) {
              for (var a = 0; a < item.0.length; a++) {

                  alert(item.0[a]);

              };

            })


    });
});
  </script> 

如果您可以在您的Web服务中使用right元素获得此警报，那么告诉我其他明智的方式，发送给我您的Web服务，我将获得您的准确输出。

Answer 2

试试看：

loginModelState = function (data, searchKey) {
  var output = "";
  for(var i in data) { // i = error; model
    var submodel = data[i];
    if(typeof submodel === "object") { //submodel == "model"
      for(var j in submodel) { // Array
        var hash = submodel[j];
        for(var h in hash) { // example : (h = key1): (hash[h] = value1) ...
          if(searchKey) { // only if you give searchKey as parameter
            if(searchKey == h) {// searchkey match               
              output += hash[h] + "<br>";
            }
          } else {
            output += h + " " + hash[h] + "<br>";
          }
        }
      }
    }
  }
  $("body").html(output);
}
loginModelState(m); // output all
loginModelState(m, "key1") // output only if "key1" match