• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >AJAX > 使用ajax异步提交表单的几种方法总结

使用ajax异步提交表单的几种方法总结

作者: 字体:[增加 减小] 来源:互联网 时间:2017-05-11

通过本文主要向大家介绍了使用ajax异步提交表单的几种方法总结等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

这里介绍三种常用的提交方式

方式一

手工收集所有的用户输入,封装为大的“k1=v1&k2=v2…”键值对形式,使用$.post(url, data,fn)把数据提交给服务器

$.ajax({ 
    type:'post',   
    url:'Notice_noTipsNotice', 
    data:'k1=v1&k2=v2...', 
    cache:false, 
    dataType:'json', 
    success:function(data){ 
    } 
  }); 
</div>

方式二

单序列化:$('#myform').serialize( ); 其返回值就是“k1=v1&k2=v2...”键值对形式,再发起异步请求即可。

function noTips(){ 
  var formParam = $("#form1").serialize();//序列化表格内容为字符串 
  $.ajax({ 
    type:'post',   
    url:'Notice_noTipsNotice', 
    data:formParam, 
    cache:false, 
    dataType:'json', 
    success:function(data){ 
    } 
  }); 
} 
</div>

方式三

使用jQuery Form插件提供的ajaxSubmit()函数

$('#myform').ajaxSubmit({
type: 'GET/POST',
url: 'xx.php',
dataType: 'json',
success: fn,
clearForm: true,
resetForm: true
}); 
//此函数会自动把选定的表单进行序列化并异步提交
</div>

以上这篇使用ajax异步提交表单的几种方法总结就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-11ajax回调函数中使用$(this)取不到对象的解决方法
  • 2017-05-11Ajax读取数据到表格的实现代码
  • 2017-05-11ajax动态为a标签href赋值不执行跳转的原因分析及解决
  • 2017-05-11往xml中更新节点的实例代码
  • 2017-05-11Ajax基础与登入教程
  • 2017-05-11AJAX解析XML实例之下拉框省、市二级联动
  • 2017-05-11Ajax Session失效跳转登录页面的方法
  • 2017-05-11AJAX 图片展示框架56个 提升开发效率第1/2页
  • 2017-05-11利用ajax实现简单的注册验证局部刷新实例
  • 2017-05-11完成了AJAX树附原理分析

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 变量冲突处理
    • jquery ajax 向后台传递数组参数示例
    • 基于HTML5的可预览多图片Ajax上传
    • 纯javascript的ajax实现php异步提交表单的简单实例
    • Ajax点击不断加载数据列表
    • 用ajax实现在单击事件下加载一个DIV层的脚本
    • ajax 登录功能简单实现(未连接数据库)
    • jQuery的ajax传参巧用JSON使用示例(附Json插件)
    • javascript Ajax 类实现代码
    • ajax Suggest类似google的搜索提示效果

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有