Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.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
Javascript 将表单传递头响应到api_Javascript_Reactjs_Api_Post_Jira Rest Api - Fatal编程技术网

Javascript 将表单传递头响应到api

Javascript 将表单传递头响应到api,javascript,reactjs,api,post,jira-rest-api,Javascript,Reactjs,Api,Post,Jira Rest Api,我想将JSON从react表单发布到外部api。api需要标题(用户名:密码)才能访问它。我想看看如何设置一个表单,以获取用户的输入,并将其作为头传递给api,然后发布一些json。我可以用cURL实现这一点,但我对反应相对较新,这给我带来了一些问题。如果您使用fetch进行API调用,您可以执行以下操作: function signIn(username, password, body) { const options = { method: method,

我想将JSON从react表单发布到外部api。api需要标题(用户名:密码)才能访问它。我想看看如何设置一个表单,以获取用户的输入,并将其作为头传递给api,然后发布一些json。我可以用cURL实现这一点,但我对反应相对较新,这给我带来了一些问题。

如果您使用fetch进行API调用,您可以执行以下操作:

function signIn(username, password, body) {
    const options = {
        method: method,
        headers: new Headers({username, password}),
        mode: 'no-cors'
    };

    options.body = JSON.stringify(body);

    fetch(url, options)
    .then(response => response.json())
    .then(data => console.log(data));
}

你可能想读更多关于这方面的内容,但我能不能有一个表单,将输入值“username”和“password”传递到标题,然后在提交json的帖子时发送?我将查看您发送的链接谢谢?编辑了我的答案,使其发挥作用,这将在提交表单上调用,并可以向功能发送数据。我提出了一个新问题,我使用了,希望知道您是否可以帮助解决其他问题