jQuery ajax中使用serialize()方法提交表单数据示例(jquery教程入门)这样也行?

随心笔谈2年前发布 编辑
162 0
🌐 经济型:买域名、轻量云服务器、用途:游戏 网站等 《腾讯云》特点:特价机便宜 适合初学者用 点我优惠购买
🚀 拓展型:买域名、轻量云服务器、用途:游戏 网站等 《阿里云》特点:中档服务器便宜 域名备案事多 点我优惠购买
🛡️ 稳定型:买域名、轻量云服务器、用途:游戏 网站等 《西部数码》 特点:比上两家略贵但是稳定性超好事也少 点我优惠购买


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

     });

实例:

jQuery ajax中使用serialize()方法提交表单数据示例(jquery教程入门)这样也行?

您可能感兴趣的文章:jQuery动态添加及删除表单上传元素的方法(附demo源码下载)jquery动态改变form属性提交表单JQuery动态创建DOM、表单元素的实现代码jQuery使用动态渲染表单功能完成ajax文件下载jQuery动态设置form表单的enctype值(实现代码)jQuery实现动态表单验证时文本框抖动效果完整实例jquery 动态增加,减少input表单的简单方法(必看)jQuery实现表单动态加减、ajax表单提交功能jquery ajax提交表单数据的两种方式jquery form表单获取内容以及绑定数据jQuery实现表单动态添加与删除数据操作示例

© 版权声明

相关文章