HTML提交表单

Question

我需要帮助。 我有下面的一个基本的html形式。 现在，当我在浏览器中调用它时，我有两个字段也称为：

摘要=摘要描述=评论

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

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

HTTP：//itds041/trackit/app%20-%20cop...EST+USER&summ=John&comment=Smith

大段引用

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

摘要：
描述：

大段引用

参见屏幕截图进行解释。 在此处输入图片说明

关于Shabeersa

Answer 1

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

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

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

   制作了一个简单的jsfiddle（ https://jsfiddle.net/cshao/mtzqpprx/1/ ）供参考。 单击“ 提交”按钮提交表单后，将发送GET请求，并将字段数据嵌入URL中。

2. 使用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请求并打印响应数据。