AJAX JS批量获取表单FORM元素

最新推荐文章于 2022-03-01 18:05:20 发布

原创最新推荐文章于 2022-03-01 18:05:20 发布 · 213 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用jQuery AJAX实现菜谱数据上传的方法，并详细解释了如何在成功上传后刷新菜谱列表页面，确保数据的实时更新。通过具体代码示例，读者可以了解到如何序列化表单数据并发送到服务器，以及如何处理服务器返回的JSON响应。

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

	data:$('#form_file_upload').serialize()

								$.ajax({
							url:'/hb/caipu/<?=$type?>',
							type:'post',
							dataType:'json',
							data:$('#form_file_upload').serialize(),
							success:function (msg) {
								if(msg.state!==false){
								parent.layui.element.tabDelete('layuiminiTab','/hb/caipu/list?mpi=m-p-i-1');
								parent.layui.element.tabAdd('layuiminiTab', {
								title: '菜谱',
								content: '<iframe data-frameid="caipu_add" scrolling="no" frameborder="0" src="/hb/caipu/list" style="width:100%;height:100%"></iframe>',
								id: '/hb/caipu/list?mpi=m-p-i-1',
								});
								parent.layui.element.tabDelete('layuiminiTab','caipu_add');
								}else {
									layer.alert(JSON.stringify(msg.msg));
								}
							}
						});