异步提交表单
异步提交表单的步骤
所谓的异步提交表单,就是不再使用表单的提交按钮实现表单的提交功能,而是通过Ajax异步交互方式实现表单提交。具体实现步骤如下:
- 获取表单及所有表单组件对应的数据值。
- 将所有表单组件对应的数据值拼成特定格式的字符串或是JSON格式数据。
- 通过Ajax异步交互方式提交表单。
var info = 'username='+$('#username').val('&password').val();
$.ajax({
url:'server.js',
type:'post',
data:info,
success:function(data){
console.log(data)
}
})
表单序列化
- serialize()方法:将表单组件对应的数据值序列华为指定格式的字符串内容。
$('form').serialize()
- serializeArray()方法:将表单组件对应的数据值序列话为JSON格式的数据内容。
$('select,:radio').serializeArray()