提交按钮上的Html表单

时间:2017-05-20 07:47:14

标签: html forms curl post url-rewriting

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

摘要= summ 说明=评论

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

因此,如果我手动将约翰是摘要字段& 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

1 个答案:

答案 0 :(得分:0)

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

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