Javascript 将PHP脚本返回的HTML表转换为离子框架的离子列表格式
目前,我正在离子框架上开发一个应用程序。我已经创建了一个PHP文件来从我的数据库中提取“用户”,它目前正在以HTML表格格式返回他们 在框架的“服务”部分,我设置了“AJAX”调用,该调用提取以下信息:Javascript 将PHP脚本返回的HTML表转换为离子框架的离子列表格式,javascript,jquery,angularjs,ajax,ionic-framework,Javascript,Jquery,Angularjs,Ajax,Ionic Framework,目前,我正在离子框架上开发一个应用程序。我已经创建了一个PHP文件来从我的数据库中提取“用户”,它目前正在以HTML表格格式返回他们 在框架的“服务”部分,我设置了“AJAX”调用,该调用提取以下信息: .service('getUsers', function($http){ var Users; return { getEmps: function(){ return $http.get('http://#####.#####/####
.service('getUsers', function($http){
var Users;
return {
getEmps: function(){
return $http.get('http://#####.#####/#####/#####/getUsers.php').then(function(items) {
Users = items.data; return Users;
})
}
}
})
然后在控制器内,我执行以下操作:
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);
这将成功地将表返回到控制台:
约翰史密斯
我正试图从中创建多维数组。我试着做到以下几点:
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);
然而,我没有运气返回一个数组,我可以使用该数组传递到
离子框架-离子列表。您应该从PHP返回JSON格式的数据。您可以使用
JSON\u encode($array)将任何数组编码为JSON编码>并打印出来。还记得在PHP中将内容类型设置为JSON:header('content-type:application/JSON')代码>。
一旦以JSON格式获取数据,您就可以像访问任何其他JavaScript对象一样访问数据,因此无需解析表等。
如果需要将数据显示为一个表,只需使用ng repeat循环它。
通过HTTP发送整个HTML表(代码)的效率非常低 您应该从PHP返回JSON格式的数据。您可以使用JSON\u encode($array)将任何数组编码为JSON编码>并打印出来。还记得在PHP中将内容类型设置为JSON:header('content-type:application/JSON')代码>。
一旦以JSON格式获取数据,您就可以像访问任何其他JavaScript对象一样访问数据,因此无需解析表等。
如果需要将数据显示为一个表,只需使用ng repeat循环它。
通过HTTP发送整个HTML表(代码)的效率非常低 控制台中HTML的输出如下所示:johnsmith控制台中HTML的输出如下所示:johnsmith如果答案是您正在寻找的,请接受答案。如果答案是您正在寻找的,请接受答案。