『壹』 js部分怎麼寫才能把form表單里的數據輸出出來
JS獲取form表單里的數據並輸出的方法:
document.getElementById("ddd").innerHTML = document.getElementById("xxx").value + document.getElementById("yyy").value;
將表單數據獲取好後進行拼接賦給某個dom節點顯示出來。
js獲取表單數據命令是:document.getElementById("xxx").value;
輸出表單數據到某個dom元素內是使用:document.getElementById("ddd").innerHTML;
因此要使用js輸出表單數據可以先講表單數據整合臨時存儲到某個變數,在統一輸出到某個dom節點內
舉例:
<form id="fm" name="fm">
<input type="text" id="name" />
<input type="text" id="tel" />
<input type="button" onClick="fmResult()" />
</form>
輸出表單值:<div id="d"></div>
js:
<script>
function fmResult(){
var name = document.getElementById("name").value;
var tel = document.getElementById("tel").value;//獲取值
document.getElementById("d").innerHTML = name + tel;//輸出表單值
}
</script>
『貳』 From表單中的傳值有那幾種方法
from表單傳值的方法有post和get兩種。
POST方法一般用來向目的伺服器發出更新請求,並附有請求實體。GET一般用來傳參數。
POST和GET的區別:
第一個:
GET請求的數據會附在URL之後(就是把數據放置在HTTP協議頭中),以?分割URL和傳輸數據,參數之間以&相連,如:login.action?name=sean&password=123。如果數據是英文字母/數字,原樣發送,如果是空格,轉換為+,如果是中文/其他字元,則直接把字元串用BASE64加密,得出如:%E4%BD%A0%E5%A5%BD,其中%XX中的XX為該符號以16進製表示的ASCII。
POST把提交的數據則放置在是HTTP包的包體中。
第二個:
POST的安全性要比GET的安全性高。注意:這里所說的安全性和上面GET提到的「安全」不是同個概念。上面「安全」的含義僅僅是不作數據修改,而這里安全的含義是真正的Security的含義,比如:通過GET提交數據,用戶名和密碼將明文出現在URL上,因為(1)登錄頁面有可能被瀏覽器緩存,(2)其他人查看瀏覽器的歷史紀錄,那麼別人就可以拿到你的賬號和密碼了,除此之外,使用GET提交數據還可能會造成Cross-site request forgery攻擊。
總結一下,Get是向伺服器發索取數據的一種請求,而Post是向伺服器提交數據的一種請求,在FORM(表單)中,Method默認為"GET",實質上,GET和POST只是發送機制不同,並不是一個取一個發!