javascript - 将 PHP 脚本返回的 HTML 表转换为 Ionic 框架的 ion-list 格式

Question

目前我正在 Ionic 框架上开发一个应用程序。我创建了一个 PHP 文件来从数据库中提取“用户”，目前它以 HTML 表格格式返回它们。

在框架的服务部分，我设置了“AJAX”调用来提取此信息:

.service('getUsers', function($http){
    var Users;
    return {
        getEmps: function(){
            return $http.get('http://#####.#####/#####/#####/getUsers.php').then(function(items) { 
                Users = items.data; return Users; 
            })
        }
    }
})

然后在我的 Controller 中我正在执行以下操作:

       getUsers.getEmps().then(function(data) {
       $scope.Employees = data;
          console.log($scope.Employees); 
       });

这成功地将表返回到控制台:

约翰·史密斯

我正在尝试从中创建一个多维数组。我尝试执行以下操作:

 var details = $('tr').map(function (i, row) {

    // creating an Object to return:
    return {
        'First Name': row.cells[0].textContent,
        'Last Name': row.cells[1].textContent
    }
    // converting the map into an Array:
    }).get();

    console.log(details);

但是我没有运气返回一个可以用来传递到的数组 ionic 框架 - ion-list。

Answer 1

您应该从 PHP 返回 JSON 格式的数据。您可以使用 json_encode($array); 将任何数组编码为 JSON 并将其打印出来。另请记住将 PHP 中的内容类型设置为 JSON:header('Content-Type: application/json');。 一旦以 JSON 格式获取，您就可以像任何其他 JavaScript 对象一样访问您的数据，因此无需解析表格等。 如果您需要将数据显示为表格，只需使用 ng-repeat 循环遍历即可。 通过 HTTP 发送整个 HTML 表(代码)的效率非常低。