• 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
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > jQuery ajax serialize() 方法使用示例

jQuery ajax serialize() 方法使用示例

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

通过本文主要向大家介绍了ajax,serialize等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

.serialize() 方法创建以标准 URL 编码表示的文本字符串。它的操作对象是代表表单元素集合的 jQuery 对象。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> 
<script type="text/jscript"> 
// $(function () { 
// alert($("form").serialize()); 
// }) 

function btnClick() { 
alert($("form").serialize()); 
} 
</script> 
</head> 
<body> 
<form> 
<div><input type="text" name="a" value="1" id="a" /></div> 
<div><input type="text" name="b" value="2" id="b" /></div> 
<div><input type="hidden" name="c" value="3" id="c" /></div> 
<div> 
<textarea name="d" rows="8" cols="40">4</textarea> 
</div> 
<div><select name="e"> 
<option value="5" selected="selected">5</option> 
<option value="6">6</option> 
<option value="7">7</option> 
</select></div> 
<div> 
<input type="checkbox" name="f" value="8" id="f" /> 
</div> 
<div> 
<input type="button" name="g" value="提交" id="g" onclick="btnClick()" /> 
</div> 
</form> 

</body> 
</html><span style="font-size:18px;color:#ff0000;"> 
</span>

点击提交:

输出标准的查询字符串:a=1&b=2&c=3&d=4&e=5

如果将复选框也选上的话 输出的就是:a=1&b=2&c=3&d=4&e=5&f=8

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

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

  • 基于Jquery Ajax type的4种类型(详解)
  • jQuery.Ajax()的data参数类型详解
  • jQuery之动画ajax事件(实例讲解)
  • 详解jQuery中关于Ajax的几个常用的函数
  • 用户管理的设计_jquery的ajax实现二级联动效果
  • jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
  • 浅谈jQuery框架Ajax常用选项
  • jQuery+ajax实现修改密码验证功能实例详解
  • jQuery使用ajax_动力节点Java学院整理
  • 关于jQuery.ajax()的jsonp碰上post详解

相关文章

  • 2017-08-16JQuery获取浏览器窗口内容部分高度的代码
  • 2017-08-16扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
  • 2017-08-16jquery实现图片上传之前预览的方法
  • 2017-08-16jQuery实现的省市联动菜单功能示例【测试可用】
  • 2017-08-16jQuery Tools Dateinput使用介绍
  • 2017-08-16jQuery中attr()和prop()在修改checked属性时的区别
  • 2017-08-16使用jquery写个更改表格行顺序的小功能
  • 2017-08-16jquery弹出框插件jquery.ui.dialog用法分析
  • 2017-08-16JQuery困惑—包装集 DOM节点
  • 2017-08-16jQuery animate和CSS3相结合实现缓动追逐效果附源码下载

文章分类

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

最近更新的内容

    • multiSteps 基于Jquery的多步骤滑动切换插件
    • jquery购物车实时结算特效实现思路
    • 基于JQuery的模拟苹果桌面Dock效果(稳定版)
    • Jquery动态添加及删除页面节点元素示例代码
    • jQuery find和children方法使用
    • 正则验证小数点后面只能有两位数的方法
    • jQuery实现图像旋转动画效果
    • 最新的10款jQuery内容滑块插件分享
    • jquery中toggle函数交替使用问题
    • 简单的jQuery拖拽排序效果的实现(增强动态)

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

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