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

墨初学习笔记2583

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

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    }});

相关文章

JS实现上传头像并实时预览

JS实现上传头像并实时预览

说起各大网站的用户中心功能,其中就少不了用户头像上传这个小小的功能,如果我们依托框架来编写的的话,相信非常的容易,但如果我们自己来单纯的使用JS来实现头像上传,并在选择本地头像的时候,实现预览我想也是...

JQ获取某个元素下的所有图片并改变其属性

利用JQ获取某个元素下的所有图片并改变其属性...

javascript中的addLoadEvent函数解析

javascript中的addLoadEvent函数解析

onload事件是HTML DOM Event 对象的一个属性,又叫事件句柄(Event Handlers),它会在页面或图像加载完成后(注意是加载完成后)立即发生。window.onload = f...

javascript中的innerHTML属性有什么作用

javascript中的innerHTML属性有什么作用

innerHTML在javaScript中具有双向功能,一是可以从指定的元素对象中获取内容,二是可以把自定义内容插入到指定的元素对象中去。定义和用法innerHTML属性用于设置或返回指定标签之间的H...

PHP中超全局变量$GLOBALS和global的区别

ar1;$var1 = 2;unset($var1);}function t2() {$GLOBALS['var1'] = 3;...

HTML与XHTML的区别

HTML与XHTML的区别

对于标记语言而言,选用HTML还是XHTML是你的自由。重要的是不管选用的哪种文档类型,你使用的标记必须与你选用的DOCTYPE声明保持一致。就个人而言,我更喜欢使用XHTML规则,使用一个DOCTY...

发表评论    

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