Question

我有一个查询，我在Postgresql数据库中有几个json对象（包含id和description）。我的要求是：我需要在Postgresql数据库中显示每个json数据（id和description）到我的视图页面自动点击URL（如果我们点击http://localhost:9000那么json数据应该来自数据库和应该在加载时以表格形式显示在我的视图页面上）。请让我知道如何实施它？（任何示例或任何代码）。提前致谢。在btw中：我通过jquery / ajax调用从localhost加载这些json对象到数据库/服务器。

//it is used to send json data to server

    $scope.loadJson = function() {
      var file, fr, input, receivedText;
      receivedText = function(e) {
        var lines, newArr;
        lines = e.target.result;
        alert('lines: ' + lines);//gives json data
        newArr = JSON.parse(lines);
        $.ajax({
          type: 'POST',
          contentType: 'application/json; charset=utf-8',
          dataType: 'json',
          url: '/sendJson',
          data: JSON.stringify(lines),
          success: function(data) {},
          error: function(XMLHttpRequest, textStatus, errorThrown) {

        });
      };
      if (typeof window.FileReader !== 'function') {
        alert('The file API isn\'t supported on this browser yet.');
        return;
      }
      input = document.getElementById('fileinput');
      if (!input) {
        alert('Um, couldn\'t find the fileinput element.');
      } else if (!input.files) {
        alert('This browser doesn\'t seem to support the `files` property of file inputs.');
      } else if (!input.files[0]) {
        alert('Please select file before clicking \'Load\'');
      } else {
        file = input.files[0];
        fr = new FileReader;
        fr.onload = receivedText;
        fr.readAsText(file);
      }
    };

HTML：

<table border="1"> 
                        <tr>
                            <td>
                                <label>Select File:</label>
                                <input type='file' id='fileinput' accept=".json" name="fileinput"> 
                            </td> 
                            <td>
                                <input type='button'  value='Load' ng-click="loadJson()">
                            </td>
                        </tr>
                    </table>

如何使用AngularJS在我的视图页面中从Postgresql数据库获取或加载json数据？

0 个答案: