首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

FormData对象

FF4增加了一个很有意思对象FormData。通常我们提交(使用submit button)时,会把form所有表格元素name与value组成一个queryString,提交到后台。...这用jQuery方法来说,就是serialize。但当我们使用Ajax提交时,这过程就要变成人工了。因此,FormData对象出现可以减少我们一些工作量。...想得到一个FormData对象,很简单: var formdata = new FormData(); 但一个FormData对象对我们没有意义,因此W3c草案提供了三种方案来获取或修改FormData...方案1:创建一个FormData对象,然后再用append方法逐个添加键值对: var formdata = new FormData(); formdata.append("name", "司徒正美..."); formdata.append("blog", "http://www.cnblogs.com/rubylouvre/"); 方案2:取得form元素对象,将它作为参数传入FormData对象

2.9K10

FormData对象应用

XMLHttpRequest 是一个浏览器接口,通过它,我们可以使得 Javascript 进行 HTTP (S) 通信。XMLHttpRequest 在现在浏览器是一种常用前后台交互数据方式。...2008年 2 月,XMLHttpRequest Level 2 草案提出来了,相对于上一代,它有一些新特性,其中 FormData 就是 XMLHttpRequest Level 2 新增一个对象...一、FormData对象作用 用一些键值对来模拟一系列表单控件:即把form中所有表单元素name与value组装成 一个queryString 异步上传二进制文件 二、FormData使用 先来看一下...append方法和set都可以向FormData添加数据,不同是set方法是直接向FormData添加,覆盖掉之前数据,append方法是向其追加数据,即name对应value将成为一个数组,...落帆亭"] fd.has("name")//true 使用FormData对象发送文件 通过FormData可以实现异步上传文件。

1.6K30
您找到你想要的搜索结果了吗?
是的
没有找到

JavaScript 判断对象数组方法

空字符串 String [] false false 数组 Array {} false false 对象 Object 从表格,我们可以看出想要判断是不是null, undefined...分析:和判断对象类似的,我们只要能验证这个对象keys长度是0,那就是个对象了。...(obj) && Object.keys(obj).length === 0 其中,Object.keys()方法会返回一个由给定对象自身可枚举属性组成数组,数组属性名排列顺序和使用 for.....在表达式 obj instanceof AFunction ,检测是 AFunction.prototype 是否在obj 原型链,而不是检测 AFunction 自身。...四、一个判断参数为函数封装 结合上面的对象数组检测方法,我们可以封装一个判断参数为函数。

27.9K42

JavaScript 对象

对象 JavaScript 对象,Object,可以简单理解成“名称 - 值”对(而不是键值对:现在,ES 2015 映射表(Map),比对象更接近键值对),不难联想 JavaScript 对象与下面这些概念类似...: Python 字典(Dictionary) Perl 和 Ruby 散列/哈希(Hash) C/C++ 散列表(Hash table) Java 散列映射表(HashMap) PHP...正因为 JavaScript 一切(除了核心类型,core object)都是对象,所以 JavaScript 程序必然与大量散列表查找操作有着千丝万缕联系,而散列表擅长正是高速查找。...“名称”部分是一个 JavaScript 字符串,“值”部分可以是任何 JavaScript 数据类型——包括对象。这使用户可以根据具体需求,创建出相当复杂数据结构。...有两种简单方法可以创建一个对象: var obj = new Object(); 和: var obj = {}; 这两种方法在语义上是相同

2.4K20

Javascript 对象拷贝

说到 javascript 对象拷贝,首先我们想到是 Object.assign() ,  JSON.parse(JSON.stringify()) , 还有 ES6 展开操作符[... ] 因为在...js = 运算符 对于对象来说,不能创建副本,只是对该对象引用 运算符 var x = { a: 1, b: 2, }; y = x; x.a = 10; console.log(x);...//{a:5, b:2, c:{d:10}} console.log(y); //{a:5, b:2, c:{d:10}} 此时就发现坑了,那么已经证明了 Object.assign() 只是实现了对象浅拷贝...Object.assign() 还需要注意一点是,原型链上属性不可枚举对象是无法复制,看一下代码: var x = { a: 1, }; var y = Object.create(x, {...ECMAScript 第 3 阶段提案,   拷贝对象更加简单了 var x = [ "a", "b", "c", "d", { e: 1, }, ]; var y

97340

JavaScript对象 ① ( 对象概念 | 对象使用场景 | 使用字面量创建对象 | 对象字面量 | 小括号 括号 大括号 作用 )

一、JavaScript 对象 1、对象概念 在 JavaScript , 对象 是 一种 复杂数据类型 , 是 一组 无序 相关属性 和 方法 集合 , 这些 属性值 允许存储 各种数据类型值...; 对象 由 属性 和 方法 组成 : 属性 : 事物 特征 , 具体就是 对象 变量 ; 方法 : 事物 行为 , 具体就是 对象 函数 ; JavaScript 对象 可以理解为 由 键值对...() { return this.name+ " is " + this.age + " years old"; } }; 如果 对象字面量 大括号 ,...则创建了一个 字面量 , 后期 使用 ..../ 大括号 作用 JavaScript 小括号 / 括号 / 大括号 作用 : 小括号 是 结合运算符 , 是拥有最高优先级 运算符 ; 括号 是 数组字面量 标志 , 如 : ['Tom

6410

vue 对象判断为_Vue可用判断对象是否为方法

Object.keys(xxx).length==0 验证结果如下:… 前言:在实现业务逻辑过程,很多工程师都会遇到需要判断一个对象,数组是否为情景,很多时候我们在请求数据时候都需要判断请求对象数据是否为...==null || string.isEmpty() 工具StringUtils判断方法: 一种是org.apache.commons.lang3包下: 另一… freemarker显示某对象使用...来避免对象错误.如果name为,就以默认值(“!”后字符)显示.  ...//如你上面的那个对象就是不含任何可读属性 * 方法只既检测对象本身属性,不检测从原型继承属性. */ function isOwnEmpty(obj) {… –SQL Server查询用户对象权限和角色方法...我们知道,JavaScript检测对象类型运算符有:typeof.instanceof,还有对象constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一个说明运算数类型字符串

5.9K20

JavaScript】内置对象 ① ( 内置对象简介 | JavaScript 三类对象 - 自定义对象 内置对象 浏览器对象 | 常用内置对象 )

一、JavaScript 内置对象简介 1、JavaScript 三类对象 - 自定义对象 / 内置对象 / 浏览器对象JavaScript , 对象可以分为三类 : 自定义对象 , 内置对象..., 浏览器对象 ; 自定义对象 : 该类型对象是 开发者根据需求自己定义对象 , 用于表示现实世界实体或抽象概念 ; 自定义对象 一般 通过 字面量 或 new 操作符 + 构造函数 创建...; 内置对象 : 是 JavaScript 语言本身提供对象 , 提供了一些常用或最基本功能 ; 内置对象JavaScript 环境初始化时就已经存在 , 可以直接使用 , 不需要手动创建...; 2、JavaScript 中常用内置对象 JavaScript 内置对象JavaScript 语言自带对象 , 这些对象 提供给 开发者用于实现 常用 最基本功能 , 借助 内置对象...可以 帮助开发者 进行 快速开发 ; JavaScript 内置对象 提供了 语言常用核心功能 , 如 : 日期处理 / 数学计算 / 字符串操作 等功能 , 常用 内置对象如下 : Math

9110

javascriptMath对象用法

Math对象用法 math对象里有属性和对象方法,调用方法如下代码 var pi_value=Math.PI; var sqrt_value=Math.sqrt(15); 注释:Math 对象并不像...Date 和 String 那样是对象类,因此没有构造函数 Math(),像 Math.sin() 这样函数只是函数,不是某个对象方法。...SQRT2 返回 2 平方根(约等于 1.414)。 Math对象详细对象方法 方法 描述 abs(x) 返回数绝对值。 acos(x) 返回数反余弦值。...exp(x) 返回 e 指数。 floor(x) 对数进行下舍入。 log(x) 返回数自然对数(底为e)。 max(x,y) 返回 x 和 y 最高值。...min(x,y) 返回 x 和 y 最低值。 pow(x,y) 返回 x y 次幂。 random() 返回 0 ~ 1 之间随机数。 round(x) 把数四舍五入为最接近整数。

99010

JavaScript 对象深拷贝

JavaScript,对对象进行拷贝场景比较常见。但是简单复制语句只能对对象进行浅拷贝,即复制是一份引用,而不是它所引用对象。...而更多时候,我们希望对对象进行深拷贝,避免原始对象被无意修改。 对象深拷贝与浅拷贝区别如下: 浅拷贝:仅仅复制对象引用,而不是对象本身; 深拷贝:把复制对象所引用全部对象都复制一遍。...但是 Object.assign() 进行是浅拷贝,拷贝对象属性引用,而不是对象本身。 ? 二....深拷贝实现 要实现深拷贝有很多办法,有最简单 JSON.parse() 方法,也有常用递归拷贝方法,和ES5 Object.create() 方法。...但是当遇到两个互相引用对象,会出现死循环情况。 为了避免相互引用对象导致死循环情况,则应该在遍历时候判断是否相互引用对象,如果是则退出循环。 改进版代码如下: ?

98520
领券