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

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

https://www.cnblogs.com/leejersey/p/3750259.html

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/112698.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • linux网络发包工具_web抓包工具

    linux网络发包工具_web抓包工具如果想做模仿网络攻击的测试,选择高速小包发送工具,最好还是可以指定协议的。当然,我们研究这些可不是打算用来攻击他人的机器,搞网络破坏的,而是用来通过该方法测试收数据体验一下被攻击的感觉,哈哈,也顺便衡量一下机器的性能。这方面smartbit测试仪可以完全可以满足。可惜啊,一台都得好几十万,对于大多数人来说都不太划算。那么还有没有软件的发包工具可以实现高速按指定协议发送数据包啊?!有。还是要归功于l

    2022年9月3日
    2
  • Flink教程(30)- Flink VS Spark[通俗易懂]

    Flink教程(30)- Flink VS Spark[通俗易懂]文章目录01引言02FlinkVSSpark2.1运行角色2.2生态2.3运行模型2.4编程模型对比2.5任务调度原理2.6时间机制对比2.7kafka动态分区检测2.7.1SparkStreaming2.7.2Flink2.8容错机制及处理语义2.8.1SparkStreaming保证仅一次处理2.8.2Flink与kafka0.11保证仅一次处理2.9Backpressure背压/反压2.9.1SparkStreaming的背压2.9.2Fli

    2025年6月3日
    0
  • python自动补全设置_python代码补全

    python自动补全设置_python代码补全Hello,大家好,我是橘子呀~前几期橘子给大家介绍了Python是什么以及如何安装Python软件。也分享了如何系统的以及高效率的去学习Python这门课程,还有一些避雷建议,今天橘子就分享给大伙一点宝藏干货!!!藏不住的东西,不如扬了它!请大家把它收入囊中~不要辜负我的一片苦心~一、Pycharm常用快捷键(Windows)Ctrl+Q快速查看文档Ctrl+鼠标左键简介及代码定义…

    2022年8月26日
    5
  • 服务器搭建个人网站(阿里云服务器)

    服务器搭建个人网站(阿里云服务器)服务器搭建个人网站一丶购买服务器这里我选的是阿里云服务器,进入阿里云官网https://www.aliyun.com阿里云提供了几种服务器,云服务器ESC、轻量应用服务器,ESC更好一点儿,我选了轻量级应用服务器。购买好了之后,在阿里云网站主页→控制台→轻量应用服务器。找到运行中的实例点进去就好了。服务器器就购买好了二、配置服务器环境首先你要知道怎么把你本机的文件放到你的

    2022年6月13日
    26
  • C++中string append函数的使用与字符串拼接「建议收藏」

    C++中string append函数的使用与字符串拼接「建议收藏」常用的函数原型:basic_string&amp;amp;amp;append(constbasic_string&amp;amp;amp;str);basic_string&amp;amp;amp;append(constchar*str);basic_string&amp;amp;amp;append(constbasic_string&amp;amp;amp;str,size_typeindex,size

    2022年6月24日
    25
  • 最新GitHub新手使用教程(Windows Git从安装到使用)——详细图解[通俗易懂]

    最新GitHub新手使用教程(Windows Git从安装到使用)——详细图解[通俗易懂]说明:该篇博客是博主一字一码编写的,实属不易,请尊重原创,谢谢大家!一.叙述1.Git简介Git(读音为/gɪt/。)是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。Git是LinusTorvalds为了帮助管理Linux内核开发而开发的一个开放源码的版本控制软件。2.首先要去GitHub官网注册一个账号详细教程:https://b…

    2022年5月24日
    45

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号