在使用form表單的時候,一旦點選提交觸發submit事件，一般會使得頁面跳轉，頁面間的跳轉等行為的控制權往往在後端，後端會控制頁面的跳轉及資料傳遞，但是在某些時候不希望頁面跳轉，或者說想要將控制權放在前端，通過js來操作頁面的跳轉或者資料變化。
一般這種非同步的操作，我們都會想到ajax方式，因此在實現了功能後就整理了這篇文章，通過ajax方法實現form表單的提交並進行後續的非同步操作。
使用者名稱：name="username"
type="text"
id="txtusername"
tabindex="1"
size="15"
value=""/>
p>
密 碼：name="password"
type="password"
id="textbox2"
tabindex="2"
size="16"
value=""/>
p>
type="submit"
value="登入"> type="reset"
value="重置">
p>
form>
div>
body>
html>
點選登入按鈕後，即觸發form表單的提交事件，資料傳輸至後端，由後端控制頁面跳轉和資料。
修改完成後**如下：
content="ajax方式">
script>
type="text/j**ascript">
function
login() ;},
error : function()
});}
script>
head>
id="form-div">
id="form1"
onsubmit="return false"
action="##"
method="post">
使用者名稱：name="username"
type="text"
id="txtusername"
tabindex="1"
size="15"
value=""/>
p>
密 碼：name="password"
type="password"
id="textbox2"
tabindex="2"
size="16"
value=""/>
p>
type="button"
value="登入"
onclick="login()"> type="reset"
value="重置">
p>
form>
div>
body>
html>
jQuery之ajaxForm提交表單
1.jquery的設計非常優雅，其源 亦給人以美感，利用jquery框架寫出來的js既簡練又能完美跨瀏覽器。2.jquery form外掛程式是基於jquery開發的一套能夠利用ajax技術提交form的框架。3.無論是jquery，還是jquery form 都是老外寫的。4.通常的jquery ...
接收表單提交資訊
request.querystring 接收 get 提交方式資訊 request.querystring最大特點是能檢索並接受 http 查詢字串中變數的值，而http 查詢字串則是由問號 後的值指定的 request.querystring yourname yourname 對應於 html ...
JS 表單提交資訊
表單是什麼 from dom 樹 表單的目的 提交資訊 獲取要提交的資訊 doctype html en utf 8 title title head 使用者名稱 span text id username p 性別 span radio name value man id boy 男 radio ...