jQuery ajax中使用serialize()方法提交表单数据示例
更新时间：2013年10月14日 17:33:34 作者：
使用jQuery ajax的serialize() 方法表单序列化为键值对（key1=value1&key2=value2…）后提交，下面是使用serialize()序列化表单的实例，感兴趣的朋友可以参考下
jQuery ajax中数据以键值对（Key/Value）的形式发送到服务器，使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对（key1=value1&key2=value2…）后提交。serialize() 方法使用标准的 URL-encoded 编码表示文本字符串。下面是使用serialize()序列化表单的实例：
$.ajax({
type: "POST",
url: ajaxCallUrl,
data: "Key=Value&Key2=Value2",
success: function(msg){alert(msg);}
});
ajax serialize():
$.ajax({
type: "POST",
url:ajaxCallUrl,
data:$('#formID').serialize(),// 要提交的表单
success: function(msg) {alert(msg);}
});
实例：
复制代码 代码如下:
$.ajax({
type: "POST",
url: ajaxCallUrl,
data: "Key=Value&Key2=Value2",
success: function(msg){alert(msg);}
});
ajax serialize():
复制代码 代码如下:
$.ajax({
type: "POST",
url:ajaxCallUrl,
data:$('#formID').serialize(),// 要提交的表单
success: function(msg) {alert(msg);}
});
实例：
相关文章
因为laravel以post形式提交数据时候需要加{{csrf_field()}}防止跨站攻击,下面通过本文给大家分享lavarel框架中使用ajax提交表单的方法，一起看看吧2016-12-12
ajax加载页面服务器返回 304 not modified
服务器都返回 304 not modified 说明在服务器上，你这个xml文件没有修改过，或者要加载的页面在本地没有被修改，本地缓存造成了这个问题2014-04-04
基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽)
这篇文章主要介绍了基于bootstrap的上传插件fileinput 的ajax异步上传功能(支持多文件上传预览拖拽),非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-03-03
Ajax 是 Asynchronous JavaScript and XML的缩写。其优点可以减轻服务器的负担,按需取数据,最大程度的减少冗余请求。接下来通过本文给大家介绍Ajax基础与登入教程，需要的的朋友参考下2017-03-03
最近在使用JQuery的ajax方法时，需要返回的数据为json数据，在success返回中数据处理会根据返回方式不同会采用不同的方式来生成json数据。下面小编给大家介绍下在$.ajax方法中应该是如何来处理的2016-10-10
在写博客时要写好长时间但没有出现这种情况并且有实时的自动保存；这就涉及到了session的过期时间问题，下面与大家分享下具体的实现方法2013-06-06
这篇文章主要介绍了ajax基本通用代码,简单分析了常用ajax的定义与使用技巧,需要的朋友可以参考下2016-05-05
前端是个发展迅速的领域,前端请求自然也发展迅速,从原生的XHR到jquery ajax,再到现在的axios和fetch,下面这篇文章主要给大家介绍了关于AJAX原理以及axios、fetch区别的相关资料,需要的朋友可以参考下2022-04-04
切记ajax中要带上AntiForgeryToken防止CSRF攻击
在程序项目中经常看到ajax post数据到服务器没有加上防伪标记，导致CSRF被攻击，下面小编通过本篇文章给大家介绍ajax中要带上AntiForgeryToken防止CSRF攻击，感兴趣的朋友一起学习吧2015-10-10
这篇文章主要为大家详细介绍了ajax实现无刷新上传文件功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
最新评论