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

最新推荐文章于 2021-07-25 21:32:19 发布

原创最新推荐文章于 2021-07-25 21:32:19 发布 · 3.6k 阅读

5 ·

CC 4.0 BY-SA版权

jquery 专栏收录该内容

10 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$.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

3647

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

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

咔咔博客

11-15

2033

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

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

白骨梦儿

12-13

2325

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

serialize表单的参数

精哥哥

05-24

487

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

提交表单外的数据方法

别在熬夜了！

03-28

1986

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

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或...

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

wjs_1997的博客

10-21

1416

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

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

weixin_42448623的博客

07-29

977

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

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

luqu3803的博客

04-26

2347

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

867

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

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

qq_15058285的博客

04-22

8756

1、$("#form1").serialize() 把form表单的值序列化成一个字符串，如username=admin&password=admin123 <form id="form1"> <input name="username" type="text" value="" /> <input name="password" type...

form表单提交（POST）springmvc后台乱码

漂浪的博客

07-25

1181

SpringMVC后台乱码乱码原因解决方案扩展总结 Content-Type: application/x-www-form-urlencoded; charset=UTF-8 乱码原因在web.xml中编码过滤器的前面加了一个filter，导致form表单提交（POST）到后台时出现中文乱码的情况 <filter> <filter-name>encodingFilter</filter-name> <filter-class&gt

$('form').serialize()中serializeArray()与serialize()的区别

weixin_41831919的博客

09-11

3497

serialize()序列化表单元素为字符串。 serializeArray()序列化表单元素为JSON数据。前端代码 <!DOCTYPE html> <html> <script src="http://how2j.cn/study/jquery.min.js"></script> <head> <meta ch...

js 给serialize对象添加元素

奋斗不息

04-03

1637

var longTermValue=$("#longTerm").val(); var data = $.param({ "longTerm" : longTermValue }) + "&" +$('#merchantForm').serialize(); //下面使用data var action_url = '<@c.u...

$("#form").serialize()不能用

qingfeng2556的博客

02-05

3093

如果没有给input加name属性，是不会生成字符串的

js ajax 获取form表单数据

06-12

可以使用 jQuery 的 serialize() 方法来获取表单数据，然后通过 AJAX 提交给后端。示例代码如下： ```javascript // 监听表单提交事件 $('form').submit(function(event) { // 阻止表单默认提交行为 event.preventDefault(); // 获取表单数据 var formData = $(this).serialize(); // 发送 AJAX 请求 $.ajax({ type: 'POST', url: '/submit-form', data: formData, success: function(response) { // 处理成功响应 }, error: function(error) { // 处理错误响应 } }); }); ``` 其中，`$('form').serialize()` 方法将表单数据序列化成字符串，例如 `name=value&age=25&gender=male`，然后通过 AJAX 的 `data` 参数传递给后端。后端可以使用相应的框架或库来解析这个字符串，例如 PHP 的 `$_POST` 变量。