如何解决从 PHP 到 React 的 GET 请求
<?php
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET,PUT,POST,DELETE,PATCH,OPTIONS');
$con = mysqli_connect("localhost","root","","demo");
$select_user = "SELECT * FROM users";
$result = mysqli_query($con,$sql);
while($row = mysqli_fetch_array($result)) {
echo $row['name']."".$row['email'];
}
?>
我正在使用上述代码块从后端的数据库中检索详细信息,它将提供相关详细信息。在我的前端,
import React,{Component}from 'react';
import axios from 'axios';
import 'bootstrap/dist/css/bootstrap.min.css';
import { Row,Table,Container,Button } from 'react-bootstrap';
import { Link } from 'react-router-dom';
import './App.css';
export default class Home extends Component {
constructor(props) {
super(props);
this.state = {
userList: []
}
this.displayTableRows = this.displayTableRows.bind(this);
}
componentDidMount() {
var url = "http://localhost:80/PHP_REACT/backend/UserList.php";
axios.get(url)
.then(res => {
console.log(res.data); // PRINT RESULT (NEED SEPARATE RECODS ROW BY ROW)
})
.catch(err => console.log(err));
}
render() {
return (
<div className="App">
<Container>
<Row>
<Link to={'/Signin'}>
<Button variant="dark" className="mt-3">
Logout
</Button>
</Link>
<Table className="mt-4 table">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
</tr>
</tbody>
</Table>
</Row>
</Container>
</div>
);
}
}
我正在使用此代码块从后端获取数据。它有效,但它将所有详细信息作为一个字符串发送。我需要一一获取数据库记录并将它们打印在表格中。有人可以帮忙吗?
解决方法
从php文件返回json格式的数据
<?php
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET,PUT,POST,DELETE,PATCH,OPTIONS');
$con = mysqli_connect("localhost","root","","demo");
$select_user = "SELECT * FROM users";
$result = mysqli_query($con,$sql);
$data = array()
while($row = mysqli_fetch_array($result)) {
array_push($data,$row['name']."".$row['email']); // push data to empty array
}
echo json_encode($data);
?>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。