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

墨初学习笔记1903

这几天一直在适配用户中心插件,基本的功能也差不多了,时间不长就会上线用户中心,当然适配的过程中也遇到不少的问题,今天记录一下。

jQuery的serialize()方法通过序列化表单值,创建URL编码文本字符串。

jQuery的serialize(),$.post()、$.get()和$.getJSON(

我们就可以选择一个或多个表单元素,也可以直接选择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    }});

相关文章

JaveScript操作DOM节点的childNodes属性

JaveScript操作DOM节点的childNodes属性

在一棵节点树上(DOM文档),childNodes属性可以获取任何一个节点下的所有子元素节点,它获取的值是一个包含这个元素全部子元素的数组,但是这个数组中包含的东西太多,几乎每一样东西都是一个节点,甚...

javascript在指定的元素前或后插入新元素

javascript在指定的元素前或后插入新元素

在前几篇的博文中,我们说了利用appendChild方法可以在DOM文档流中指定的元素后追加利用createElement方法和createTextNode方法创建的新元素,但是appendChild...

FTP上传源码程序(五)

FTP上传源码程序(五)

小伙们,小编今天写一写关于如何上传zblog程序,当然不仅仅是zblog的程序这样上传,别的程序也可以通过这个方法上传。重点说明一下:下面是以阿里云(万网)的云虚拟主机的linux系统的服务器为例,别...

PHP读取大文件的多种方法介绍

读取大文件一直是一个头痛的问题,我们像使用php开发读取小文件可以直接使用各种函数实现,但一到大文章就会发现常用的方法是无法正常使用或时间太长太卡了,下面我们就一起来看看关于php读取大文件问题解决办...

这是问斩的标题

这是问斩的标题

很多的网站,尤其是一些手机官网或某种产品的官网,都会把自己网站的页面中一些元素作得美观起来。比如一些产吕,在打开网页或网页下拉到产品图片的时候,图片就像活了一样动起来,很是有趣。今天介绍一款,让网页元...

HTML DOM nodeType 属性

HTML DOM nodeType 属性

JavaScript中给出这样一个操作HTML或XML的一个属性:nodeType,px 它可以返回以数字值返回指定节点的节点类型!如果节点是元素节点,则 nodeType 属性将返回 1。如果节点是...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。