как напечатать вывод JSON -RP C в формате JSON в формате html - PullRequest
Новая
       25

как напечатать вывод JSON -RP C в формате JSON в формате html

0 голосов
/ 03 марта 2020

В основном у меня есть настройки, в которых есть клиент и сервер. Клиентская сторона реализована в angularjs, который отправляет запрос на получение на сервер, который находится в python, который подключается к mongoDB, получает результат и отправляет ответ в формате json.

запрос, который я отправил, выглядит следующим образом: 

const data = {
  "jsonrpc" : "2.0",
  "method" : "faultall",
  "id" : "1",

  "params": {'argument' : 'something' }
}
this.http.post('http://localhost:80/jsonrpc',data).subscribe( res => console.log(this.json =res.text()))

Пока я получаю ответ: 

{"result": [["water", "001"], ["water", "002"], ["temp", "003"]], "id": "1", "jsonrpc": "2.0"}

Теперь я хочу, чтобы ответ был напечатан в виде таблицы на моей html странице, как показано на рисунке:

Target

1 Ответ

0 голосов
/ 03 марта 2020

Может быть, этот код будет полезен 

class AppController {
  
  constructor($q) {
    this.deferred = $q.defer();
  }
  
  getData() {
    const response = {"result": [["water", "001"], ["water", "002"], ["temp", "003"]], "id": "1", "jsonrpc": "2.0"};
    setTimeout(() => {
      this.deferred.resolve(response.result);
    }, 1000);
    return this.deferred.promise;
  }
  
  fillTable() {
    this.dataLoading = true;
    this.getData()
    .then(data => {
      this.data = data;
      this.dataLoading = false;
    });
  }
}

angular.module('app', [])
.controller('appController', AppController);

AppController.$inject = ['$q'];

angular.bootstrap(
  document.getElementById('root'),
  ['app']
);
html, body {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}




  
    
  
   0">
    
      
        Name
        Id
      
    
      
        
        
      
    
    
  
  {{ $ctrl.data | json}}
...