提交按钮上的 HTML 表单答案

【问题标题】：Html Form on Submit button提交按钮上的 HTML 表单
【发布时间】：2017-05-20 18:56:48
【问题描述】：

我需要帮助。我有一个基本的 html 表单，如下所示。现在，当我在浏览器上调用它时，我有两个字段也称为：

总结 = 总和描述 = 评论

现在在提交按钮上，操作是调用一个 url，但我希望上述两个字段成为 url 的一部分

因此，如果我手动将 John is Summary 字段和 Smith 放入 Description 字段中，则 url 必须捕获字段值并类似于

块引用

<form action="/trackit/app%20-%20copy/curl_create.php?thisuser=TEST+USER&summ=&comment=" method="post" target="_self">

总结：
说明：

块引用

问候沙比尔萨

【问题讨论】：

【解决方案1】：

“现在在提交按钮上的操作是调用一个 url，但我希望上述两个字段成为 url 的一部分”

有两种方法可以将字段的值作为 URL 的一部分：

在表单中使用 GET 方法。 这是推荐的方法，因为它更容易且语义更正确—— POST 请求中的数据通常作为正文传递，而不是作为 URL 的一部分。

一个简单的 jsfiddle (https://jsfiddle.net/cshao/mtzqpprx/1/) 供参考。点击提交按钮提交表单后，会发送一个GET请求，并在URL中嵌入字段数据。
使用 POST 方法提交表单，但是 HTTP 请求是通过 JavaScript 发送的，而不是通过表单的操作发送的。

另一个 jsfiddle (https://jsfiddle.net/cshao/jboq9qrw/1/) 例如。这里的关键步骤是：
- <form onsubmit="submitForm(event)">。为提交事件附加事件监听器。
- event.preventDefault();。防止表单元素的默认提交行为。
- var url = 'https://example.org/api?' + $.param(params);。使用字段数据构造 URL，然后向其发送 HTTP 请求。在 jsfiddle 示例中，我选择发送 Ajax 请求并打印响应数据。

【讨论】：