HOME > prototype.js > Form.serialize() [prototype.js]

Form.serialize() [prototype.js]

formフィールド名とその値をシリアライズ化し、URL エンコードして返す(便利)。
書式:Form.serialize(id)
id: formのid、または、formの要素オブジェクト$(’id’)

[サンプル]

フォームデータの取得

HTML

<form id="f1"<
text1:<nput id="text1" name="text1" type="text" /><br />
text2:<input id="text2" name="text2" type="text" /><br />
<input id="btn" type="button" value="送信" />
</form>

JavaScript

window.onload = function() {
    Event.observe("btn", "click", sendText, false);
}

function sendText() {
     new Ajax.Request(
         "app/getData.php", {
              parameters: Form.serialize("f1"),
              method: "get",
              onComplete: showData
         });
}
function showData(request) {
    alert(request.responseText);
}

PHP(確認用)

<?php
if(isset($_GET)) {
    var_dump($_GET);
}
?>
ブックマーク登録: add to hatena hatena.comment 1 users add to del.icio.us 0 user add to livedoor.clip 1 users
1 Star2 Stars3 Stars4 Stars5 Stars (3 votes, average: 4.67 out of 5)
Loading ... Loading ...
『WEBサイト制作者に役立つメルマガ』発行!