您现在的位置是:网站首页> 编程资料编程资料
jQuery ajax中使用serialize()方法提交表单数据示例_AJAX相关_
2023-05-25
410人已围观
简介 jQuery ajax中使用serialize()方法提交表单数据示例_AJAX相关_
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);}
});
实例:

您可能感兴趣的文章:
相关内容
- ajax jquery校验用户是否已经注册演示代码_AJAX相关_
- 利用ajax实现简单的注册验证局部刷新实例_AJAX相关_
- ajax异步回调函数中给外部变量赋值的问题探讨_AJAX相关_
- Ajax获得站点文件内容实例_AJAX相关_
- ajax的工作原理以及异步请求的封装介绍_AJAX相关_
- 提交表单最简单的AJAX程序分享_AJAX相关_
- ajax的两种提交方式(get/post)和两种版本_AJAX相关_
- AJAX实现鼠标经过弹出详细介绍示例_AJAX相关_
- ajax JSONP请求处理回调函数jsonpCallback区分大小写_AJAX相关_
- ajax后台处理返回json值示例代码_AJAX相关_
