ajax传递数据，使用serialize获取表单数据，并且增加参数

最新推荐文章于 2025-10-25 18:23:20 发布

原创最新推荐文章于 2025-10-25 18:23:20 发布 · 3.6k 阅读

5 ·

CC 4.0 BY-SA版权

jquery 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种使用Ajax技术来实现表单数据的异步提交方式，并展示了如何通过$.param方法序列化自定义参数及表单字段，最终通过POST请求发送到服务器端进行处理。

$.ajax({
	                type:'POST',
	                url :"<{:U('jiuzhu/edit')}>",
	                data:$.param({'array':array,'orgArray':orgArray})+'&'+$('form').serialize(),
	                success:function(msg){
	                if(msg == 1){
	                       toastr.success('修改成功')
	                }else{
	                	 toastr.error('失败')
	                }

	            }
	        })

'array':array,'orgArray':orgArray就是自己增加的参数

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

有梦想的

关注关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JS多个表单数据提交下的serialize()应用实例分析

01-19

本文实例讲述了JS多个表单数据提交下的serialize()应用。分享给大家供大家参考，具体如下：在实际开发场景中，难免遇到需要多个表单的数据传递问题。之所以要进行多表单的数据传递是因为可以进行数据分组，便于...

jquery ajax异步提交表单数据的方法

10-19

1. 如果表单不包含文件，可以通过jQuery选中表单元素，然后使用`.serialize()`方法获取序列化的数据。 ```javascript $("#submitAdd").click(function(){ var targetUrl = $("#addForm").attr("action"); var ...

2 条评论您还未登录，请先登录后发表或查看评论

jquery serializeArray()、serialize() 增加数据

01-16

3722

一、提交表单时添加参数 1、#serializeArray var dataParam = $("#form1").serializeArray(); //添加age="18" dataParam.push({"name":"age","value":"18"}); 2、#serialize var dataParam = $("#form1").seria

【JS】往serialize序列化过后追加参数

咔咔博客

11-15

2052

var data = $.param({ // 当前页数 "page_index" : page, // 每页显示多少条 "page_size" : limit }) + "&" +$('#pageListForm').serialize(); /...

AJAX form-serialize插件的使用

最新发布

烧酒的博客

10-25

1003

form-serialize是一个用于表单数据序列化的JavaScript插件，支持将表单数据转换为URL编码字符串或JSON对象，简化AJAX提交流程。它支持npm安装，提供基本序列化、JSON转换、字段过滤等核心功能，可结合Fetch/jQuery实现数据提交。注意需要表单元素设置name属性，且不处理文件上传字段，兼容IE9+及现代浏览器。该插件有效减少了手动处理表单数据的工作量。

form表单的序列化及serialize()函数的使用

SchopenhauerZhang的博客

03-21

1万+

先上代码： html:<form id='form'> id:<input name= 'id' type='text' value='1'/> name:<input name= 'name' type='text' value='user'/> phone:<input name= 'phone' type='text'value='189'/> add

Ajax中的serialize()、serializeArray()获取form表单中的全部输入数据

白骨梦儿

12-13

2337

前言：在提交一个表单时，使用Ajax向后台发送请求，需要dict类型的数据data；我们如何获取模态对话框里面的数据？方式：https://blog.csdn.net/ak739105231/article/details/103528026 一、其中有一种方式会使用serialize() 首先，serialize()方式获取到的模态对话框中的全部输入值，是可以不经过数据类型转换直接在aj...

serialize表单的参数

精哥哥

05-24

493

$.ajax({ type: "POST", url: "/index.php?m=Admin&c=goods&a=ajaxGoodsList&p=" + page,//+tab, data: $('#' + form).serialize(),// 你的formid succ...

jquery ajax 如何向jsp提交表单数据

10-23

在另一个例子中，通过 jQuery AJAX 从 action 传递值到 JSP 页面，通过获取特定输入字段的值并附加到请求数据中，再发送到服务器。总结来说，jQuery AJAX 提供了一套简洁的 API，使得向 JSP 等服务器端组件提交...

TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法小结

10-15

serialize() 是jQuery提供的一个方法，它能够将表单中的数据序列化为URL编码的字符串，便于通过Ajax传递给后台。以下是一个实例： ```html <!DOCTYPE html> <title>ajax交互 ...

jQuery学习笔记之 Ajax操作篇（二） - 数据传递

10-25

在使用Ajax提交表单数据时，需要正确获取表单中的数据并将其格式化为服务器可接收的形式。jQuery提供了serialize()方法来序列化表单数据，它会自动收集表单中的输入字段数据，并生成URL编码的字符串，方便通过GET或...

提交表单外的数据方法

别在熬夜了！

03-28

2007

<form action="" id="data_form" method="post" enctype="multipart/form-data"> <input type="file" name="file[]" multiple="multiple"> <input type=&

ajax提交表单，使用serialize，并且额外添加参数

wjs_1997的博客

10-21

1430

var data =$.param({'Myid':$('#Myid').val()})+'&'+$(".form-horizontal").serialize();

jq serialize方法将表单中的数据自动拼接成字符串类型的参数 serializeArray 将表单中的数据转化为数组

weixin_42448623的博客

07-29

993

serialize方法将表单中的数据自动拼接成字符串类型的参数 <form id="form"> <input type="text" name="name" /> <input type="text" name="age" /> </form> ver params = $("#form").serialize() // name=张三&age=18 ...

$(‘#form1‘).serialize()序列化提交表单

live的专栏

02-23

514

$('#form1').serialize()序列化提交表单

表单数据序列化之serialize()、serializeArray()方法的使用

昔冰_G的博客

10-01

5501

serialize()可以对表单中的数据进行拼接可能之前有过这种情况：客户端将表单信息通过获取到表单项的值，再把这些值进行拼接，再将拼接好的字符串发送到服务端；现在可以使用serialize()来对表单信息进行自动拼接，serialize方法的出现使得可以不用获取每个表单项就可以拿到拼接好的字符串。注意：serialize()方法是对于表单而言的，该方法的调用者应该是某个表单对象测试serialize()： <body> <form id="form">

ajax+jQuery 提交表单改为 layui submit监听时的一个坑

luqu3803的博客

04-26

2355

form.on('submit(submitForm)', function(data){ $.ajax({ type: "post", url: "", data: data.field,//$('#inputForm').serialize() dataType: "json", success: func...

jQuery ajax中serialize()方法增加其他参数

weixin_34376986的博客

07-13

890

表单提交使用jQuery.ajax()进行表单提交时，需要传递参数，最直接的方法便是使用Form的serializa()将表单序列化，前提只是将Form表单中的name属性与数据库的字段名保持一致便可；但如果遇到再次往其中增加参数的状况呢，我们该如何处理？ First: 其实，jQuery ajax的serialize() 方法是将表单序列化为键值对（key1=value1&key...

Ajax serialize()提交form表单不能上传file类型怎么办？