1. 程式人生 > >ajax序列化表單

ajax序列化表單

http://www.runoob.com/jquery/jquery-ref-ajax.html

 

 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("div").text($("form").serialize());
    });
});
</script>
</head>
<body>

<form action="">
第一個名稱: <input type="text" name="FirstName" value="Mickey" /><br>
最後一個名稱: <input type="text" name="LastName" value="Mouse" /><br>
</form>
<button>序列化表單值</button>
<div></div>

</body>
</html>

 

------------------結果------------

FirstName=Mickey&LastName=Mouse

 

serializeArray() 編碼表單元素集為 names 和 values 的陣列