Ajax获取form表单提交数据
<!DOCTYPE html>
<html
lang="en">
<head>
<meta
charset="UTF-8">
<meta
name="viewport"
content="width=device-width, initial-scale=1.0">
<meta
http-equiv="X-UA-Compatible"
content="ie=edge">
<title>Document</title>
<script
src="jquery-1.11.1.min.js"></script>
</head>
<body>
<form
id="_form"
method="post">
<div
class="fitem">
<label> 房间:</label>
<input
name="fangjian"
style="padding: 2px; width: 135px; border: 1px solid #A4BED4;"
required />
</div>
<div
class="fitem">
<label> 建筑:</label>
<input
name="jianzhu"
class="easyui-combobox"
style="padding: 2px; width: 141px; "
required />
</div>
<div
class="fitem">
<label> 部门:</label>
<input
name="bumen"
class="easyui-combobox"
style="padding: 2px; width: 141px; "
required />
</div>
</form>
<script> $(function(){ /*var str_data = $("#_form input").map(function(){ return ($(this).attr("name")+"="+$(this).val()); }).get().join("&"); alert(str_data); */ $.ajax({ var str_data = $("#_form input").map(function(){ return ($(this).attr("name")+"="+$(this).val()); }).get().join("&"); type:"post", url:"url", data:str_data, success:function(msg){ // do something... } }) }) </script> </body> </html>
<script> $(function(){ /*var str_data = $("#_form input").map(function(){ return ($(this).attr("name")+"="+$(this).val()); }).get().join("&"); alert(str_data); */ $.ajax({ var str_data = $("#_form input").map(function(){ return ($(this).attr("name")+"="+$(this).val()); }).get().join("&"); type:"post", url:"url", data:str_data, success:function(msg){ // do something... } }) }) </script> </body> </html>
声明：该文观点仅代表作者本人，牛骨文系教育信息发布平台，牛骨文仅提供信息存储空间服务。
- 上一篇： foreach 和 for 循环的区别
- 下一篇： 基础算法之三： 合并两个有序数组
