提交按钮上的Html表单

Question

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

摘要= summ 说明=评论

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

因此，如果我手动将约翰是摘要字段＆amp; 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">

总结：
说明：

  

块引用

请参阅截图解释。enter image description here

此致 Shabeersa

Answer 1

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

有两种方法可以将字段值作为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请求并打印响应数据。