jQuery ajax - serialize() 方法提交表单
来源:互联网 发布:.io域名 便宜 编辑:程序博客网 时间:2024/05/16 08:24
jQuery ajax中数据以键值对(Key/Value)的形式发送到服务器,使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对(key1=value1&key2=value2…)后提交。serialize() 方法使用标准的 URL-encoded 编码表示文本字符串。下面是使用serialize()序列化表单的实例:
<form method="post" action="api.php"></form>
.serialize() 方法可以操作已选取个别表单元素的 jQuery 对象,比如 <input>, <textarea> 以及 <select>。不过,选择 <form> 标签本身进行序列化一般更容易些:
//劫持表单的提交事件$('form').submit(function(e){ //防止表单以老式的方法提交 e.preventDefault(); //得到post方法和URL var $form=$(this); postMethod=$form.attr('method'); //'GET' postURL=$form.attr('action'); //串行化表单数据 var postData=<span style="color:#FF0000;">$form.serialize();</span> //设置ajax请求 $.ajax({ url: postURL, type: postMethod, data: postData, //提交成功时 succes: function(data){ //输出响应 console.log(data); }, //提交出错时 error: function(e){ //输出错误信息 console,log('Error submitting from - '+e.status+':'+e.statusText); } });});
0 0
- jQuery ajax - serialize() 方法提交表单
- ajax提交form表单 jQuery ajax - serialize() 方法
- jQuery ajax中使用serialize() 方法提交表单数据
- jQuery ajax中使用serialize() 方法提交表单数据
- jQuery ajax中使用serialize()方法提交表单数据
- jQuery ajax中使用serialize()方法提交表单数据
- jQuery ajax中使用serialize() 方法提交表单数据
- jQuery ajax中使用serialize() 方法提交表单数据
- Jquery:使用$.ajax()和serialize()函数来实现表单提交
- jQuery ajax - serialize() 方法-遍历form进行AJAX提交
- ajax表单提交使用serialize()方法解决中文乱码
- ajax表单提交使用serialize()方法解决中文乱码
- Jquery serialize() serializeArray()方法提交form表单数据
- jQuery ajax - serialize() 方法
- jQuery ajax - serialize() 方法
- jQuery ajax - serialize() 方法
- jQuery ajax - serialize() 方法
- jQuery ajax - serialize() 方法
- Spring拦截器中通过request获取到该请求对应Controller中的method对象
- 图像纹理——灰度共生矩阵
- 如何判断包含某个Activity Action的Android应用程序是否安装?
- C语言初级小例题转载
- SQL 相关语句
- jQuery ajax - serialize() 方法提交表单
- C++ 重载(overload)、重写(overrride)、重定义(redefine)总结(C++核心)
- unix常用命令
- AndroidStudio使用aar减少编译时间
- org.postgresql.util.PSQLException: 栏位索引超过许可范围:3,栏位数:2。
- CodeForces 632F
- Spring 7大功能模块的作用
- [Extjs6]随记 创建store 实现添加、修改、删除功能
- Nginx反向代理转发tomcat