快捷搜索:  as  test  1111  test aNd 8=8  test++aNd+8=8  as++aNd+8=8  as aNd 8=8

新蒲京澳门赌场网站:Javascript异步表单提交,图片上传,兼容异步模拟ajax技术



媒介:

咋一看标题还挺长的呢,还有这么多功能,着实简化一点便是一个功能,异步表单提交,只是在异步表单提交这个大年夜功能下,可以实现图片上传,模拟ajax技巧(着实很早曩昔便是经由过程这个要领来实现多浏览器的兼容ajax,这里只是怀怀旧,作为一个技巧来玩玩),下面的内容必要有必然的js根基,要不然理解起来会对照艰苦。

留意事变:

这是我bBank里面的一个措施,现在我把他提掏出来成一个通用措施来解说。

bBank 框架先容:http://www.cnblogs.com/bruceli/archive/2010/04/15/bBank.html

为什么要提到bBank,由于鄙人面的措施中,会应用到bBank的数组的判断,字符串html转换标准dom(我上一篇文章就先容了这新蒲京澳门赌场网站个,点击见详情),移除自己措施,css选择器,以是大年夜家看到不要陌生,你可以自己写措施来调换这些措施,也可以直接用bBank的措施,可以下载bBank看源代码。

b$.type.isArray(args) 判断是否是数组

b$.parseDom(strs) 字符串直接转换为标准的dom工具

b$('#bBankAsynFormSubmit_form_1b').remo新蒲京澳门赌场网站veSelf() 移除自己

b$() css选择器

道理:

核心是经由过程iframe来完成异步。在页面放入一个暗藏的iframe,表单有个属性target,设置target为你要来进行异步提交的iframe,那么当你在提新蒲京澳门赌场网站交表单的时刻,着实是在应用iframe来作为提交显示载体,页面其它内容是无刷新的。

着实道理很简单,既然iframe是作为显示载体的,那么我们扩展下,假如提交的页面是有返回值的,那么返回值会成新蒲京澳门赌场网站为iframe的body里面的内容,在经由过程iframe来取得body里面的内容来,是不是和ajax有点像,这便是曩昔最早用来实现异步的措施了。

ajax是光阴触发制的,既然要模拟ajax,那么我们也要触发事故,着实也很简单新蒲京澳门赌场网站,只要应用iframe的onload装载完成事故就可以了。

实现:

code:

复制代码 代码如下:

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

您可能还会对下面的文章感兴趣: