Question

我如何使用“ get”方法向外部URL提交表单？

与HTML中的此示例相同：https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_form_method

但是要使用第三方URL ...？

我认为我不能做这样的事情？目的是输出； myUrl.com/?checkin=(forminput）

<Form
                className='mt-2'
                layout='inline'
                method='GET'
                action='https://myURL.com'
            >
                <Form.Item label='Check in' name='checkin'>
                    <DatePicker />
                </Form.Item>
                <Form.Item>
                    <Button className='ml-2' onClick='submit'>
                        Search
                    </Button>
                </Form.Item>
            </Form>

Answer 1

如果“第三方URL”启用了CORS，则就像处理本机JS ITicket reclinerTicket = new ServiceImpl(noOfTickets -> noOfTickets * 200.0);一样简单。

示例：

fetch

您也可以按照他们在w3schools网站上建议的方式进行操作。使用// Your CORS enabled URL const url = "http://cors.enabled.com"; // Data to send const data = JSON.stringify({ fname: "John", lname: "Doe" }); // Formulate and execute request const response = await fetch(url, {method: "GET", body: data}); // Response JSON const json = await response.json(); // Output response JSON console.log({json})属性。它可以工作，但是对于React应用程序可能并不理想，因为它将强制页面更改。

action

Answer 2

您可以通过将输入收集到对象中并使用fetch或axios

之类的库将其发送来实现此目的

如何在React中使用“ get”方法提交表单？

2 个答案: