$.ajax()使用serialize()提交form数据

时间：2020-12-28 18:53:06

jQuery的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

     }

 });

随机推荐

  1. 用Redis实现分布式锁

    Redis有一系列的命令,特点是以NX结尾,NX是Not eXists的缩写,如SETNX命令就应该理解为:SET if Not eXists.这系列的命令非常有用,这里讲使用SETNX来实现分布式锁 ...

  2. POJ1190生日蛋糕&lbrack;DFS 剪枝&rsqb;

    生日蛋糕 Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 18236   Accepted: 6497 Description ...

  3. centos常用操作

    文件夹赋权chmod -R 777 文件夹 zip压缩和unzip解压缩命令详解以下命令均在/home目录下操作cd /home #进入/home目录1.把/home目录下面的mydata目录压缩为m ...

  4. C&num;实现自动单击

    最新玩了一下上学时候玩的游戏,但游戏里面变化太多了,进去后等级就很高,要不停地点击鼠标加技能. 所以利用工作中常用的C#调用 API不停地点击鼠标. 如图: 为方便在基础上修改,我把整个解决方案放到百 ...

  5. ASP&period;NET MVC 监控诊断、本地化和缓存

    这篇博客主要是针对asp.net mvc项目的一些常用的东东做一个讲解,他们分别是监控诊断.本地化和缓存.虽然前两者跟asp.net mvc看上去好像是没什么关联. 但其实如果真正需要做asp.net ...

  6. 用ISE14&period;7引用功能强大的UltraEdit编写Verilog

    对于FPGA初学者来说,使用FPGA编译软件所带的编辑器写代码已经完全够用,但随着工程的不断增大,ISE自带的编辑器用起来显得有点力不从心,所以本文中我将为大家分享一款功能强大的编辑软件UltraEd ...

  7. 使用ssh对服务器进行登录

    一.什么是SSH? 简单说,SSH是一种网络协议,用于计算机之间的加密登录. 如果一个用户从本地计算机,使用SSH协议登录另一台远程计算机,我们就可以认为,这种登录是安全的,即使被中途截获,密码也不会 ...

  8. java中不常见的keyword：strictfp，transient

    1.strictfp, 即 strict float point (精确浮点). strictfp keyword可应用于类.接口或方法.使用 strictfp keyword声明一个方法时,该方法中 ...

  9. Delphi&lowbar;MemoryModule — load DLL from memory&period; Also includes hooking utilities&period;

    https://github.com/Fr0sT-Brutal/Delphi_MemoryModule

  10. python的学习之路day1

    软件:python3.pycharm开发工具 python的开始:print("hello world") 注意:python3需要加上() 1.变量是什么:在程序运行过程中它的值 ...

相关文章