如何使用javascript将从html表单获取的值发布到URL？

Question

我是html和JS的新手，我有一个带有一些字段的表单，需要将其发布到URL。

<form>
    <div>
        <label style="font-size:16px" for="title">Title:</label>
        <input type="text" id="title" maxlength="128"/>
    </div>
    <div>
        <label style="font-size:16px" for="description">Description:</label>
        <textarea id="description" maxlength="1999"></textarea>
    </div>
    <div>
        <label style="font-size:16px" for="idnumber">IDNumber:</label>
        <input type="number" id="idnumber"/>
    </div>
</form>

我需要将输入此表单的值发布到已经知道如何处理输入的URL。 我敢肯定这很容易做到，但是我是新手，在寻找解决方案时遇到了麻烦。 对任何不正确的术语表示歉意。 谢谢！

Answer 1

您必须在表单标记中添加一个指向服务器端脚本的操作。

<form action="myscript.php" method="post">

另外，您可以使用JavaScript将其发布为AJAX请求，从而无需刷新页面即可提交请求。

Answer 2

您可以使用action属性：

<form action="some/url" method="post">
<!-- ... -->
<input type="submit" value="Submit" /> <!-- Submit button -->
</form>

Answer 3

我会说你在正确的轨道上。 使用基本的HTML，这将非常容易：将action="mySubmitPage.php"添加到form元素。 听起来好像您想在不刷新/更改页面的情况下做到这一点（至少，这就是“使用Javascript”的发音）

这将涉及“异步”提交。 花哨的术语是“ AJAX”。 使用某种形式的Javascript框架，可以使该部分变得容易得多，尤其是在要支持所有浏览器怪癖的情况下。 例如，这是使用JQuery进行此操作的示例：

jQuery-异步发送表单