Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/database/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Database 如何从reactjs发出Http请求?_Database_Reactjs_Zend Framework_Httprequest_Zend Framework3 - Fatal编程技术网

Database 如何从reactjs发出Http请求?

Database 如何从reactjs发出Http请求?,database,reactjs,zend-framework,httprequest,zend-framework3,Database,Reactjs,Zend Framework,Httprequest,Zend Framework3,我在ToDo应用程序中使用react js作为前端,使用zf3作为后端。我把我所有的React文件夹和文件都放在Zend项目的公用文件夹中。到目前为止,它只是一个简单的应用程序,没有数据库连接。现在我想添加数据库来存储任务。但作为一个新手,我不知道如何对编辑、删除和添加任务发出Http请求。请举例说明。任何帮助都将不胜感激。谢谢。有许多npm模块用于http请求。这里有一个简单的例子:我用。它允许您设置一些默认配置,这样您就不需要对每个请求都进行配置: axios.defaults.header

我在ToDo应用程序中使用react js作为前端,使用zf3作为后端。我把我所有的React文件夹和文件都放在Zend项目的公用文件夹中。到目前为止,它只是一个简单的应用程序,没有数据库连接。现在我想添加数据库来存储任务。但作为一个新手,我不知道如何对编辑、删除和添加任务发出Http请求。请举例说明。任何帮助都将不胜感激。谢谢。

有许多npm模块用于http请求。这里有一个简单的例子:

我用。它允许您设置一些默认配置,这样您就不需要对每个请求都进行配置:

axios.defaults.headers.common.Authorization = "my-awesome-token";
axios.defaults.baseURL = http://www.somehost.com/api;
...
axios.get('/people')
    .then(response => handleResponse(response))
    .catch(error => handleError(error)) 
// actually shoots to http://www.somehost.com/api/people with Authorization header

使用
fetch
api参考:
install axios

$ npm install axios


import axios

import axios from 'axios';

get request

axios.get('api url').then(function (response) {
    console.log(response);
}).catch(function (error) {
    console.log(error);
});


post request

var body = {
    firstName: 'testName',
    lastName: 'testLastName'
};

axios.post('api url',body).then(function (response) {
    console.log(response);
}).catch(function (error) {
    console.log(error);
});