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

【问题标题】：How do I post values obtained from an html form to an URL using javascript?如何使用 javascript 将从 html 表单获取的值发布到 URL？
【发布时间】：2013-07-23 20:10:35
【问题描述】：

我是 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。我确信这很容易做到，但我是新手，我很难找到解决方案。对任何不正确的术语表示歉意。谢谢！

【问题讨论】：

为什么是Javascript？为什么不直接使用提交按钮发布表单？
MDN - My first HTML form

标签： javascript html

【解决方案1】：

你可以使用action属性：

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

【讨论】：

【解决方案2】：

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

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

或者，您可以使用 JavaScript 将其作为 AJAX 请求发布，该请求无需刷新页面即可提交。

【讨论】：

@MathSquared11235 嘿，刚刚注意到，已修复:)

【解决方案3】：

我会说你在正确的轨道上。使用基本的 HTML 这将非常容易：将action="mySubmitPage.php" 添加到表单元素。听起来您想在不刷新/更改页面的情况下执行此操作（至少，“使用 Javascript”听起来是这样）

这将涉及“异步”提交。花哨的术语是“AJAX”。使用某种形式的 Javascript 框架，这部分会容易得多，特别是如果您想支持所有浏览器怪癖。下面是一个使用 JQuery 的例子，例如：

jQuery - Send a form asynchronously

【讨论】：