ajax的serialize()方法
2016-07-26 10:59
323 查看
自己看吧,超级简单,就不用挨个获取表单名称和值对装在Json里往php传了,直接传个form就可以。
【HTML】
【jQuery】
【PHP】
输出结果:Order: 1 Name: 1 Old: 1 Gender: female Choose: c3
【HTML】
<form method="post" id="form1"> Order: <input type="text" name="order" value=""> Name: <input type="text" name="name" value=""> Old: <input type="text" name="old" value=""> Gender: <input type="radio" name="gender" value="female">男 <input type="radio" name="gender" value="male">女 Choose: <select name="choose"> <option value="c1">c1</option> <option value="c2">c2</option> <option value="c3">c3</option> </select> <!-- 什么复选框,hidden的表单啊,我都没往上写,都是可以的。--> </form> <button>触发</button> result: <p></p>
【jQuery】
$("button").click(function(){ $.ajax({ url:'2.php', type:'POST', data:$("#form1").serialize(), success:function(response){ $("p").text(response); } }); });
【PHP】
$order=$_POST['order']; //可以用$_POST获取到input表单,name所对应的值 $name=$_POST['name']; $old=$_POST['old']; $gender=$_POST['gender']; $choose=$_POST['choose']; echo "Order: ".$order." "; echo "Name: ".$name." "; echo "Old: ".$old." "; echo "Gender: ".$gender." "; echo "Choose: ".$choose." ";
输出结果:Order: 1 Name: 1 Old: 1 Gender: female Choose: c3
相关文章推荐
- 通用的前端js代码
- SQL--各种约束
- TextView设置了drawableleft属性后再设置其selector属性
- Can you solve this equation?(二分)
- 两种方式实时监控TextField的输入情况
- Java中从控制台输入数据的几种常用方法
- unity场景加载,及协同程序
- Error:java: Compilation failed: internal java compiler error
- HDOJ 1551 Cable master
- C语言 if else 语句详细讲解
- [模版]欧拉函数及性质、素数筛法
- [7]复用类0X02
- 机器学习算法中如何选取超参数:学习速率、正则项系数、minibatch size
- 如何去掉string中包含的续行符(“\”)
- Cornerstone SVN: The working copy is locked due to a previous error
- 【dfs序+AC自动机+树状数组】BZOJ2434-[Noi2011]阿狸的打字机
- 知了堂竹迩约你谈人生①
- Codeforces Round #305 (Div. 1) A. Mike and Frog(数学)
- 老罗的Android之旅
- Qt开始1 Q_OBJECT宏简易化解释