reactjs 构建表单

3phpmpom  于 2023-03-08  发布在  React
关注(0)|答案(1)|浏览(115)

我的情况是这样的:
A公司雇用新的代理商并让他们填写一张表格。B公司是营销代理商,也需要在原始表格中输入的数据。目前他们必须填写2张表格。
我是否可以创建一个JS表单,让新代理填写,并将输入的数据发送到A公司和B公司?是这样吗?API、React、fetch()如何?
如果可能的话我会先学的

7tofc5zh

7tofc5zh1#

这是一个比较宽泛的问题。根据这两个表单的实现方式,您可能会在Web页面上有一个单一的表单,该表单使用与表单A和表单B相同的提交API。假设这两个表单是常规HTTP表单,则一个操作计划可能如下所示:

  • React很棒,但是它很难学习,而且绝对是矫枉过正,特别是对于初学者和简单的表单页面
  • 找到并下载一个表单网站模板(HTTP/CSS格式)。如果你不熟悉这两个模板,你可以在这里看一个半小时的速成班。你不会学到所有东西,但应该足够让你开始了。
  • 自定义表单。您应该使用浏览器的“Inspect element”工具来分析公司A和B表单页面上的表单,并且应该能够将下载的http表单调整为具有相同的字段/参数
  • 分析原始表单是如何提交的。2对表单元素和提交工作原理做一些研究。3在这两个网站上使用inspect元素。4一般来说,你要寻找的是URL和方法(GET/POST/...)。
  • 不使用标准表单提交,而是使用JavaScript同时处理2个提交。您可以通过使用“button button”(而不是“提交”按钮)来实现这一点(<button type="button" onclick="...">),它在单击时执行JS代码。然后,此代码可以将表单的URL和方法更改为A公司站点上使用的URL和方法,提交表单,然后更改公司B的URL &方法并再次提交。您可以找到如何执行此操作的示例here
  • 处理CORS。为了防止网站告诉你的浏览器做恶意的事情,简而言之,JavaScript通常不被允许发送请求到其他网站(如A公司或B公司的网站)。一般来说,只禁止阅读响应数据(你不需要;它应该可以工作,但我不完全确定),但是您可以找到有关other question更多信息。

相关问题