如何將從html表單獲得的值發佈到使用javascript的URL？

我是新來的HTML和JS，我有一個表單，我需要張貼到一個URL的幾個字段。如何將從html表單獲得的值發佈到使用javascript的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。我確信這很容易做到，但我是新手，並且無法找到解決方案。對任何不正確的術語抱歉。謝謝！

來源

2013-07-23 macklin

爲什麼要使用JavaScript？爲什麼不只是使用提交按鈕發佈表單？ –

[MDN - 我的第一個HTML表單]（https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/My_first_HTML_form?redirectlocale=en-US&redirectslug=HTML%2FForms%2FMy_first_HTML_form） –

可以使用action屬性：

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

來源

2013-07-23 20:13:29 MathSquared

您必須在指向服務器端腳本的表單標記中添加一項操作。

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

或者，您可以使用JavaScript將其作爲AJAX請求發佈，以便在不刷新頁面的情況下提交請求。

來源

2013-07-23 20:13:10

+ 1爲AJAX ...但記住'方法'！ – MathSquared

@ MathSquared11235嘿，剛纔注意到了，修正:) –

我說你在正確的軌道上。使用基本的HTML可以非常容易：將一個action="mySubmitPage.php"添加到表單元素。這聽起來像你想這樣做，無需刷新/改變頁面，雖然（至少，這就是它的聲音通過「使用Javascript」）

這將涉及到一個「異步」提交。花哨的詞語是「AJAX」。使用某種形式的Javascript框架可以使這部分更容易，特別是如果您想支持所有瀏覽器怪癖。下面是使用JQuery做這件事的一個例子，比如：

jQuery - Send a form asynchronously

來源

2013-07-23 20:15:52 Katana314

如何將從html表單獲得的值發佈到使用javascript的URL？

回答

相關問題