博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery使用serialize(),serializeArray()方法取得表单数据+字符串和对象类型两种表单提交的方法...
阅读量:6609 次
发布时间:2019-06-24

本文共 1186 字,大约阅读时间需要 3 分钟。

原始form表单值获取方式(手动):
$.ajax({   type: "POST",   url: "ajax.php",   data: "Name=摘取天上星&position=IT技术",   success: function(msg){alert(msg);},   error: function(error){alert(error);} });
JQ serialize()方法取值:
$.ajax({   type: "POST",   url:"ajax.php",   data:$('#formID').serialize(),// 要提交的表单   success: function(msg) {alert(msg);},   error: function(error){alert(error);}});
serialize()序列化表单实例:
姓名
职位

 将form中的值转换为键值对:

// 如:{Name:'摘取天上星',position:'IT技术'}// ps:注意将同名的放在一个数组里function getFormJson(form) {	var o = {};	var a = $(form).serializeArray();	$.each(a, function () {		if (o[this.name] !== undefined) {			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;}
键值对方式的AJAX调用:
//调试调用 $(function(){	$("#button").click(function(){		alert(getFormJson("#formID"));	});});//Ajax提交$.ajax({   type: "POST",   url:"ajax.php",   data:getFormJson($("#formID")),//表单数据JSON格式的函数參数里填写表单的ID或要提交的表单   dataType: 'json',   success: function(msg) {alert(msg);},   error: function(error){alert(error);}});
实例中通用的HTML表单:
姓名
职位

转载地址:http://diiso.baihongyu.com/

你可能感兴趣的文章
一个不错的shell 脚本入门教程
查看>>
Ansible之playbook的使用
查看>>
ansible模块批量管理
查看>>
redis命令 - GET
查看>>
httpd.conf的基本设置
查看>>
RHEL/Centos7新功能
查看>>
DBA日常工作职责
查看>>
Redis的持久化
查看>>
linux安装NFS服务器学习
查看>>
Planner .NET日历日程控件能给你的应用程序提供多种日历日程功能
查看>>
我的友情链接
查看>>
Linux压力测试
查看>>
JAVA中的线程机制(二)
查看>>
nginx安装与配置2(转载)
查看>>
沈阳一饭店凌晨爆燃,燃气报警器时刻预防
查看>>
Redis 与 数据库处理数据的两种模式
查看>>
VUE2中axios的使用方法
查看>>
CS 229 notes Supervised Learning
查看>>
2018.10.27-dtoj-3996-Lesson5!(johnny)
查看>>
DataTable转换成json字符串
查看>>