jquery实现无刷新提交表单
来源:互联网 发布:java方法重载例子 编辑:程序博客网 时间:2024/05/22 04:36
使用ajax
if (o[this.name]) { //如果已经存在该键值对的input,将其余相同name的input的value的值放在同一个key下,为该key的value值设置为一个数组
if (!o[this.name].push) {
o[this.name] = [o[this.name]];
}
o[this.name].push(this.value || '');
} else {
o[this.name] = this.value || '';
}
});
return o;
设置一个表单,如:
<form id="myForm">
<input type="text" value="" name="username">
<input type="password" value="" name="password">
</form>
监听.submit事件,可以在触发表单提交时的事件,通过return false或者event.preventDefault()来阻止默认的表单提交事件
即:
$("#myForm").submit(function(e){
//一般使用return fasle来阻止表提交和刷新页面的事件
//可以通过.serialize()获取和将表单里面的数据格式化为key=value&key=value的形式
//或者是使用.serializeArray()将表单里面的数据格式化为数组格式即会变成[{name:"inpue的name",value:"input的value"}]
//可以自己封装不同的js函数来将表单数据转化成json格式
var data = $(this).serialzeJson();
$.ajax({});//通过ajax来提交表单
return false;//阻止默认的表单提交事件
});
//通过jquery的插件扩展方式将表单数据序列化为json格式
$.fn.serialzeJson = function(){
var o = {};
var a = this.serializeArray();
$.each(a, function() { }
0 0
- jquery实现无刷新提交表单
- jquery实现无刷新提交表单
- jQuery提交表单, 无刷新
- jquery实现无刷新提交
- jQuery aiax 无刷新提交表单
- 使用iframe实现无刷新表单提交
- 使用iframe实现无刷新提交表单
- Ajax实现无刷新表单提交
- Play FrameWork 使用jquery.form.js实现无刷新提交带文件的表单
- 使用jquery.form.js实现form表单无刷新提交简单示例
- Jquery 网页右侧快速回复表单,无刷新提交
- jQuery - ajax无刷新保存例子以及提交表单
- PHP jQuery Ajax 无刷新表单提交实例
- iframe 无刷新提交表单
- iframe无刷新提交表单
- 无刷新提交form表单
- 简单Ajax实现无刷新提交表单并获取响应
- 不使用ajax实现无刷新提交表单实例
- 荒芜岁月
- Highcharts 调整曲线图的粗细、点大小、点形状
- Linux加载DTS设备节点的过程(以高通8974平台为例)
- Android5.0 源码分析--- Launcher启动应用的过程
- Application类
- jquery实现无刷新提交表单
- android 倒计时
- highcharts图表组件如何设置某个数据点的颜色或者数据标签的颜色值
- iOS 屏幕旋转问题
- 网络爬虫讲解(附Java实现的实例)
- 151023 总结
- 如何在指定的目录下创建文件夹?cocoa: NSFileManager
- IgniteRDD学习笔记(一)
- mso-number-format