フォーム内容をURLエンコードする

書式

YAHOO.util.Connect.setForm(formName)

formName : フォーム名

説明

 フォーム内容をURLエンコードするにはYAHOO.util.Connect.setForm()を使います。パラメータにはformタグのname属性で指定した名前を指定します。このメソッドを使用した場合にはYAHOO.util.Connect.asyncRequest()の4番目のパラメータは指定する必要はありません。

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="yahoo.js"></script>
<script type="text/javascript" src="dom.js"></script>
<script type="text/javascript" src="connection.js"></script>
<script type="text/javascript"><!--
function sendData(filename){
cbFunc = {
success:function(httpObj){
YAHOO.util.Dom.get("result").innerHTML = httpObj.responseText;
},
failure:function(httpObj){
YAHOO.util.Dom.get("result").innerHTML = "エラー";
}
}
YAHOO.util.Connect.setForm("enqForm");
YAHOO.util.Connect.asyncRequest("post", "./setData.cgi", cbFunc);
}
// --></script>
</head>
<body>
<h1>フォーム内容をURLエンコードする</h1>
<form name="enqForm">
名前:<input type="text" name="userName" value="Murata"><br>
住所:<input type="text" name="userAddress" value="Tokyo"><br>
<input type="button" value="送信" onClick="sendData()">
</form>
<div id="result"></div>
</body>
</html>