分享知識 傳遞快樂
JS動态模拟Form表單送出資料
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<button onclick="subForm()">送出</button>
</body>
<script type="text/javascript">
var createInput = function (name, value) {
var inputElement = document.createElement("input");
inputElement.type = "hidden";
inputElement.name = name;
if (value != null) {
inputElement.value = value;
}
return inputElement;
}
postForm = function (url) {
// 建立表單
var formElement = document.createElement("form");
formElement.action = url;
formElement.method = "post";
// 打開新标簽
formElement.target = '_blank';
formElement.style.display = "none";
formElement.appendChild(createInput("name", "張三"));
formElement.appendChild(createInput("age", 12));
formElement.appendChild(createInput("sex", "男"));
document.body.appendChild(formElement);
formElement.submit();
return formElement;
}
function subForm() {
debugger;
postForm("https://www.runoob.com");
debugger;
}
</script>
</html>