简单的ajax表单提交
下方案例点击提交就是把name字段加上input框的内容传到服务端。
HTML表单
<form action="" method="post" id="test">
<input type="text" name="name">
<button type="button" id="submit">提交</button>
</form>
JQ提交数据到服务端
<script>
$('#submit').click(function() { //按钮 单击事件
$.ajax({
url: "", //提交地址
type: "post", //方式
async: "false", //异步
dataType: "JSON", //数据类型
data: $("#test").serializeArray(), //表单ID
success: function(data) { //接收返回值
if(data == 0){
alert("添加成功");
}
if(data == 1){
alert("添加失败");
}
}
});
});
</script>