分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

jQuery ajax()使用serialize()提交form数据

发布时间:2023-09-06 01:08责任编辑:胡小海关键词:jQuery

Query的serialize()方法通过序列化表单值,创建URL编码文本字符串,我们就可以选择一个或多个表单元素,也可以直接选择form将其序列化,如:

<form action="">First name: <input type="text" name="FirstName" value="Bill" /><br />Last name: <input type="text" name="LastName" value="Gates" /><br /></form>
$(document).ready(function(){ ???console.log($("form").serialize()); // FirstName=Bill&LastName=Gates});

这样,我们就可以把序列化的值传给ajax()作为url的参数,轻松使用ajax()提交form表单了,而不需要一个一个获取表单中的值然后传给ajax(),举例如下:

$.ajax({ ???type: ‘post‘, ???url: ‘your url‘, ???data: $("form").serialize(), ???success: function(data) { ???????// your code ???}});

使用$.post()、$.get()和$.getJSON()也是一样的:

$.post(‘your url‘, $("form").serialize(), function(data) { ???????// your code ???}});$.get(‘your url‘, $("form").serialize(), function(data) { ???????// your code ???}});$.getJSON(‘your url‘, $("form").serialize(), function(data) { ???????// your code ???}});

jQuery ajax()使用serialize()提交form数据

原文地址:http://www.cnblogs.com/linkenpark/p/7476234.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved