php表单提交serialize,jQuery使用serialize(),serializeArray()方法取得表单数据

原始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()序列化表单实例：$(function(){

$("#button").click(function(){

alert($("#formID").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表单：

姓名

职位

php表单提交serialize,jQuery使用serialize(),serializeArray()方法取得表单数据相关推荐

在可编辑表格EditorGrid中，我选择一行已输入的数据，点击删除按钮，该行数据将被删除，然后当我点击表单提交按钮时，已经被删除的那一行数据仍然被插入数据库中...
为什么80%的码农都做不了架构师?>>> 问题描述:在可编辑表格中,我选择一行已输入的数据,点击删除按钮,该行数据将被删除,然后当我点击表单提交按钮时,已经被删除的那一行数据仍 ...
jQuery serialize()、serializeArray()方法实现表单序列化
serialize() serialize()方法作用于一个JQuery对象,它能够将DOM元素内容序列化为字符串. 与JQuery中其他方法一样,serialize()方法也是作用于一个JQuery ...
PHP表单提交的方式有哪两种,form表单提交数据的几种方式
一.submit提交在form标签中添加action(提交的地址)和method(post),且有一个submit按钮()就可以进行数据的提交,每一个input标签都需要有一个name属性,才能进行 ...
java ajax serialize,jQuery使用serialize(),serializeArray()方法取得表单数据
$.ajax({ type: "POST", url:"ajax.php", data:$('#formID').serialize(),// 要提交的表单 s ...
php表单提交邮箱_最全实现dede订单表单提交发送到指定邮箱(附前台设置)
打造销售型网站的订单系统.不是所有销售都有权限登陆网站后台查看订单,特别是外地出差时,用户下了订单后不能及时服务用户,可能会造成订单丢失.但dedecms默认的订单提交后只能在后台看到的,每次都要登陆 ...
微信小程序表单提交php存储,微信小程序实现form表单本地储存数据
本文实例为大家分享了微信小程序实现form表单本地储存数据的具体代码,供大家参考,具体内容如下效果图: 主要利用小程序的getStorage来实现异步本地储存. 小程序目录结构如下: 新建项目前,为 ...
struts2中一个表单中提交多个请求(动态调用方法)
在很多Web应用中,为了完成不同的工作,一个HTML form标签中可能有两个或多个submit按钮,Struts2中提供了另外一种方法,使得无需要配置可以在同一个action类中执行不同的方法(默认 ...
jquery中的serializeArray方法的使用
转载于:https://blog.51cto.com/11871779/2359556
框架：HTTP请求的表单提交的几种方式
其实就是三种: 1. 直接把表单的参数写在Controller相应的方法的形参中 2. 通过HttpServletRequest接收 3. 通过一个bean来接收(JSON转bean)就是我的项 ...

php表单提交serialize,jQuery使用serialize(),serializeArray()方法取得表单数据

php表单提交serialize,jQuery使用serialize(),serializeArray()方法取得表单数据相关推荐

最新文章

热门文章