在jquery的ajax函数中,可以传入3种类型的数据
1.文本:
"uname=alice&mobileIpt=110&birthday=1983-05-12"
2.json对象:
{uanme:'vic',mobileIpt:'110',birthday:'2013-11-11'}
3.json数组:
[
{"name":"uname","value":"alice"},
{"name":"mobileIpt","value":"110"},
{"name":"birthday","value":"2012-11-11"}
]
假如现在有这样一个表单,是添加元素用的。
<form id='addForm' action='UserAdd.action' type='post'>
<label for='uname'>用户名</label>:<input type='text' name='uname' id='uname'><br>
<label for='mobileIpt'>手机号:</label><input type='text' name='mobileIpt' id='mobileIpt'><br>
<label for='birthday'>生日:</label><input type='text' name='birthday'><br>
<input type='button' value='提交' onclick='addUser()'>
</form>
我们不想使用表单submit的方式添加这个元素,我们就想使用ajax提交。
function addUser(){
// 1、var user = {
// uname:$("#uname").val(),
// mobileIpt:$("#mobileIpt").val(),
// birthday:$("#birthday").val()
// };
$.ajax({
url:'UserAdd.action',
//1、 data:user,
//2、 data:"uname=alice&mobileIpt=110&birthday=1983-05-12",
//3、 data:{uanme:'vic',mobileIpt:'110',birthday:'2013-11-11'},
//4、 data: [
{"name":"uname","value":"alice"},
{"name":"mobileIpt","value":"110"},
{"name":"birthday","value":"2012-11-11"}
],
type:'post',
dataType:'text',
success:function(msg){
if(msg=='1'){
console.log('添加成功');
}else{
console.log('添加失败')
}
}
})
}